html.capabilities-page {
  --cap-header-h: var(--siteHeaderH, 72px);
  --cap-page-bg: #e9e9e9;
  --cap-panel-bg: rgba(0, 0, 0, 0.1);
  --cap-panel-border: rgba(0, 0, 0, 0);
  --cap-text: #101010;
  --cap-gap: 10px;
  --cap-edge-gap: 10px;
  --cap-edge-gap-tablet: 10px;
  --cap-edge-gap-mobile: 10px;
  --cap-slide-pad-y: 0px;
  --inner-bg-blur: 4px;
  --inner-bg-dim: 0.34;
  --inner-bg-speed: 760ms;

  /* Basic capability text controls */
  --cap-title-color: #e5fcffc0;
  --cap-title-size: clamp(38px, 3.35vw, 64px);
  --cap-lead-color: #ffffffd5;
  --cap-lead-size: clamp(17px, 1.15vw, 23px);
  --cap-center-color: #c0c0c0;
  --cap-center-size: clamp(15px, 1.1vw, 20px);
  --cap-center-width: 42ch;
  --cap-right-color: rgba(255, 255, 255, 0.92);
  --cap-right-size: clamp(14px, 0.92vw, 17px);
  --cap-grid-a: 0.9fr;
  --cap-grid-b: 0.8fr;
  --cap-grid-c: 1.24fr;
  --cap-panel-pad: clamp(14px, 1vw, 20px);
  --cap-point-pad-y: clamp(9px, 0.9vw, 14px);
  --cap-title-width: 10.5ch;
  --cap-lead-width: 34rem;
  --cap-intro-width: 29ch;
  --cap-title-shift-y: -8px;
  --cap-intro-shift-y: 10px;
  --cap-detail-pad: clamp(18px, 1.45vw, 26px);
  --cap-frame-gap: 10px;
}

html.capabilities-page body {
  background: transparent;
  font-family: Rajdhani, system-ui, sans-serif;
}

html.capabilities-page main.main {
  position: relative;
  z-index: 1;
}

html.capabilities-page .capDeckSlide {
  background: transparent;
  color: var(--cap-text);
  scroll-margin-top: 0;
}

html.capabilities-page .capDeckSlide:not(.capDeckSlide--hero) {
  min-height: 100vh;
  min-height: 100svh;
  overflow: hidden;
}

html.capabilities-page
  .capDeckSlide:not(.capDeckSlide--hero)
  .capDeckSlide__inner {
  width: var(--verify-layout-width);
  max-width: none;
  min-height: 100vh;
  min-height: 100svh;
  margin: 0;
  padding: var(--cap-frame-gap);
  display: flex;
  align-items: stretch;
  box-sizing: border-box;
}

@media (min-width: 769px) {
  html.capabilities-page .capDeckSlide:not(.capDeckSlide--hero) {
    display: flex;
    align-items: stretch;
    height: 100vh;
    height: 100svh;
  }

  html.capabilities-page
    .capDeckSlide:not(.capDeckSlide--hero)
    .capDeckSlide__inner {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
  }
}

html.capabilities-page .capDeckSlide__grid {
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: grid;
  box-sizing: border-box;
  grid-template-columns:
    minmax(0, var(--cap-grid-a)) minmax(0, var(--cap-grid-b))
    minmax(0, var(--cap-grid-c));
  gap: var(--cap-gap);
  align-items: stretch;
}

html.capabilities-page .capDeckSlide__cell {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: 3px;
}

html.capabilities-page .capDeckSlide__cell--media {
  background:
    radial-gradient(
      circle at 12% 10%,
      rgba(234, 244, 0, 0.92) 0,
      rgba(234, 244, 0, 0.72) 12%,
      rgba(119, 225, 150, 0.52) 28%,
      rgba(28, 223, 229, 0.18) 52%,
      rgba(10, 26, 28, 0) 72%
    ),
    linear-gradient(145deg, #cce400 0%, #1dd6cf 58%, #05626a 100%);
}

html.capabilities-page .capDeckSlide__cell--mediaA,
html.capabilities-page .capDeckSlide__cell--mediaB,
html.capabilities-page .capDeckSlide__cell--points {
  height: 100%;
}

html.capabilities-page .capDeckSlide__cell--mediaMerge {
  grid-column: 1 / span 2;
}

html.capabilities-page .capDeckSlide__mergedGrid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, var(--cap-grid-a)) minmax(
      0,
      var(--cap-grid-b)
    );
  gap: var(--cap-gap);
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

html.capabilities-page .capDeckSlide__mergedPane {
  position: relative;
  min-width: 0;
  min-height: 0;
  height: 100%;
}

html.capabilities-page .capDeckSlide__mergedPane--points {
  z-index: 2;
}

html.capabilities-page .capDeckSlide__cell--panel {
  background: var(--cap-panel-bg);
  border: 1px solid var(--cap-panel-border);
  backdrop-filter: blur(10px);
  box-shadow: 0 22px 42px rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: stretch;
}

html.capabilities-page .capDeckSlide__panelText {
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: auto;
  padding: var(--cap-panel-pad);
  color: var(--cap-text);
  font-family: Rajdhani, system-ui, sans-serif;
}

html.capabilities-page .capDeckSlide__pointList {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  gap: 0;
  min-height: 100%;
  height: 100%;
}

@media (min-width: 769px) {
  html.capabilities-page .capDeckSlide__grid,
  html.capabilities-page .capDeckSlide__cell,
  html.capabilities-page .capDeckSlide__panelText {
    height: 100%;
  }
}

html.capabilities-page .capDeckSlide__pointTrigger {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  flex: 1 1 0;
  margin: 0;
  border: 0;
  border-radius: 7px;
  padding: var(--cap-point-pad-y) 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.02),
    rgba(255, 255, 255, 0)
  );
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    background-color 220ms ease;
}

html.capabilities-page .capDeckSlide__pointTrigger::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  opacity: 0;
  background: linear-gradient(
    158deg,
    rgb(255 255 255 / 64%) 0%,
    rgb(255 255 255 / 65%) 28%,
    rgb(212 248 255/ 50%) 50%,
    rgb(255 255 255 / 67%) 72%,
    rgb(255 255 255 / 67%) 100%
  );

  background-size: 180% 180%;
  transition: opacity 220ms ease;
}

html.capabilities-page
  .capDeckSlide__pointTrigger
  + .capDeckSlide__pointTrigger {
  border-top: 1px solid rgba(16, 16, 16, 0.08);
}

html.capabilities-page .capDeckSlide__pointTrigger:hover,
html.capabilities-page .capDeckSlide__pointTrigger:focus-visible,
html.capabilities-page .capDeckSlide__pointTrigger.is-active {
  outline: none;
  transform: translateY(-1px);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.2),
    0 2px 12px rgba(0, 0, 0, 0.16);
}

html.capabilities-page .capDeckSlide__pointTrigger:hover::before,
html.capabilities-page .capDeckSlide__pointTrigger:focus-visible::before,
html.capabilities-page .capDeckSlide__pointTrigger.is-active::before,
html.capabilities-page
  .capDeckSlide.is-auto-previewing
  .capDeckSlide__pointTrigger.is-active::before {
  opacity: 1;
  /* Renju - change here for color moving left to right*/
  animation: capPointSweep 5s ease-in-out infinite;
}

html.capabilities-page .capDeckSlide__pointText {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: min(100%, var(--cap-center-width));
  margin: 0 auto;
  padding-inline: clamp(10px, 1vw, 16px);
  text-align: center;
  color: var(--cap-center-color);
  font-family: Rajdhani, system-ui, sans-serif;
  font-size: var(--cap-center-size);
  font-weight: 400;
  line-height: 1.26;
  letter-spacing: 0.005em;
  text-wrap: pretty;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.46);
  transition:
    color 220ms ease,
    text-shadow 220ms ease,
    transform 220ms ease;
}

html.capabilities-page
  .capDeckSlide[data-cap-items="6"]
  .capDeckSlide__pointText {
  max-width: min(100%, 36ch);
}

html.capabilities-page
  .capDeckSlide[data-cap-items="6"]
  .capDeckSlide__pointTrigger {
  padding-top: max(6px, calc(var(--cap-point-pad-y) - 2px));
  padding-bottom: max(6px, calc(var(--cap-point-pad-y) - 2px));
}

html.capabilities-page
  .capDeckSlide__pointTrigger:hover
  .capDeckSlide__pointText,
html.capabilities-page
  .capDeckSlide__pointTrigger:focus-visible
  .capDeckSlide__pointText,
html.capabilities-page
  .capDeckSlide__pointTrigger.is-active
  .capDeckSlide__pointText {
  color: rgba(0, 10, 18, 0.96);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42);
  transform: scale(1.01);
}

@keyframes capPointSweep {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

html.capabilities-page .capDeckSlide__mediaSurface {
  position: absolute;
  inset: 0;
  overflow: hidden;
  transition:
    transform 1260ms ease,
    filter 1260ms ease,
    opacity 1260ms ease;
}

html.capabilities-page .capDeckSlide__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

html.capabilities-page .capDeckSlide__cell--mediaB.is-fit-contain {
  background: linear-gradient(
    180deg,
    rgba(246, 247, 248, 0.98) 0%,
    rgba(233, 236, 239, 0.98) 100%
  );
}

html.capabilities-page
  .capDeckSlide__cell--mediaB.is-fit-contain
  .capDeckSlide__mediaSurface {
  display: grid;
  place-items: center;
}

html.capabilities-page
  .capDeckSlide__cell--mediaB.is-fit-contain
  .capDeckSlide__img--detailSwap {
  object-fit: contain;
  object-position: center center;
  padding: clamp(10px, 1vw, 16px);
  background: transparent;
}

html.capabilities-page
  .capDeckSlide__cell--mediaB.is-fit-contain
  .capDeckSlide__mediaPh--detailSwap,
html.capabilities-page
  .capDeckSlide__cell--mediaB.is-fit-contain
  .capDeckSlide__mediaPh {
  background: transparent;
}

html.capabilities-page .capDeckSlide__img--detailSwap,
html.capabilities-page .capDeckSlide__mediaPh--detailSwap {
  position: absolute;
  inset: 0;
  transition: opacity 200ms ease-in-out;
  will-change: opacity;
}

html.capabilities-page .capDeckSlide__img--detailSwap {
  opacity: 0;
  z-index: 1;
}

html.capabilities-page .capDeckSlide__img--detailSwap.is-active {
  opacity: 1;
}

html.capabilities-page .capDeckSlide__img--detailSwap.is-buffer {
  z-index: 2;
}

html.capabilities-page .capDeckSlide__mediaPh--detailSwap {
  opacity: 0;
  z-index: 0;
  pointer-events: none;
}

html.capabilities-page .capDeckSlide__mediaPh--detailSwap.is-visible {
  opacity: 1;
  z-index: 1;
}

html.capabilities-page .capDeckSlide__mediaPh {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  padding: 24px;
}

html.capabilities-page .capDeckSlide__mediaPh span {
  display: inline-block;
  color: #060606;
  font-size: clamp(26px, 4vw, 56px);
  line-height: 1;
  letter-spacing: -0.03em;
  font-family: Rajdhani, system-ui, sans-serif;
  font-weight: 400;
  text-align: center;
}

html.capabilities-page .capDeckSlide__leadOverlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(22px, 2vw, 34px);
  background: none;
}

html.capabilities-page .capDeckSlide__leadCopy {
  width: min(100%, var(--cap-lead-width));
  display: grid;
  gap: clamp(14px, 1.45vw, 22px);
  justify-items: center;
  text-align: center;
}

html.capabilities-page .capDeckSlide__title {
  margin: 0;
  color: var(--cap-title-color);
  font-family: Rajdhani, system-ui, sans-serif;
  max-width: var(--cap-title-width);
  font-size: var(--cap-title-size);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.03em;
  text-wrap: balance;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
  transform: translateY(var(--cap-title-shift-y));
}

html.capabilities-page .capDeckSlide__leadIntro {
  /* position: absolute; */
  max-width: min(100%, var(--cap-intro-width));
  color: var(--cap-lead-color);
  font-family: Rajdhani, system-ui, sans-serif;
  font-size: var(--cap-lead-size);
  font-weight: 600;
  line-height: 1.42;
  text-align: center;
  text-wrap: pretty;
  text-shadow:
    0 2px 10px rgba(255, 255, 255, 0.14),
    0 1px 2px rgba(255, 255, 255, 0.08);
  transform: translateY(var(--cap-intro-shift-y));
}

html.capabilities-page .capDeckSlide__detailOverlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: clamp(10px, 1.2vw, 16px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 220ms ease,
    visibility 220ms ease;
  background: none;
}

html.capabilities-page
  .capDeckSlide__cell--mediaB.is-detail-active
  .capDeckSlide__mediaSurface {
  filter: none;
  transform: none;
}

html.capabilities-page
  .capDeckSlide__cell--mediaB.is-detail-active
  .capDeckSlide__detailOverlay {
  opacity: 1;
  visibility: visible;
}

html.capabilities-page .capDeckSlide__detailCard {
  width: 100%;
  margin: 0;
  max-width: none;
  max-height: 100%;
  overflow: auto;
  padding: var(--cap-detail-pad);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 3px;
  background: linear-gradient(
    180deg,
    rgba(10, 16, 24, 0.23) 0%,
    rgba(10, 16, 24, 0.26) 100%
  );
  color: #ffffff;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

html.capabilities-page .capDeckSlide__detailBody {
  margin: 0;
  color: var(--cap-right-color);
  font-family: Rajdhani, system-ui, sans-serif;
  font-size: var(--cap-right-size);
  line-height: 1.48;
  text-wrap: pretty;
}

html.capabilities-page.capabilities-slideMode,
html.capabilities-page.capabilities-slideMode body {
  scroll-snap-type: y mandatory;
  overscroll-behavior-y: none;
}

html.capabilities-page.capabilities-slideMode main.main > .capDeckSlide {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

@media (min-width: 769px) {
  html.capabilities-page.capabilities-slideMode,
  html.capabilities-page.capabilities-slideMode body {
    scroll-snap-type: none !important;
  }

  html.capabilities-page.capabilities-slideMode main.main > .capDeckSlide {
    scroll-snap-align: none !important;
    scroll-snap-stop: normal !important;
  }
}

@media (min-width: 921px) {
  html.capabilities-page.inner-stepper header.siteHeader {
    position: fixed;
    left: 0;
    right: 0;
    transition:
      transform 220ms ease,
      opacity 220ms ease;
    will-change: transform, opacity;
  }

  html.capabilities-page.inner-stepper.cap-nav-hide:not(.nav-dock-enabled)
    header.siteHeader {
    transform: translateY(-110%);
    opacity: 0;
    pointer-events: none;
  }
}

@media (max-width: 1919px) and (min-width: 1367px),
  (min-width: 1367px) and (max-height: 1080px) {
  html.capabilities-page {
    --cap-gap: 8px;
    --cap-grid-a: 0.9fr;
    --cap-grid-b: 0.8fr;
    --cap-grid-c: 1.24fr;
    --cap-title-size: clamp(36px, 3.8vw, 60px);
    --cap-lead-size: clamp(16px, 2vw, 28px);
    --cap-center-size: clamp(15px, 1.5vw, 23px);
    --cap-right-size: clamp(13px, 1.5vw, 24px);
    --cap-center-width: 40ch;
    --cap-title-width: 21ch;
    --cap-lead-width: 31rem;
    --cap-intro-width: 28ch;
    --cap-title-shift-y: -4px;
    --cap-intro-shift-y: 6px;
    --cap-panel-pad: 12px;
    --cap-point-pad-y: 8px;
    --cap-detail-pad: 18px;
  }
}

@media (max-width: 1366px) and (min-width: 1024px),
  (min-width: 1024px) and (max-height: 820px) {
  html.capabilities-page {
    --cap-gap: 7px;
    --cap-grid-a: 0.92fr;
    --cap-grid-b: 0.82fr;
    --cap-grid-c: 1.2fr;
    --cap-title-size: clamp(31px, 3.05vw, 48px);
    --cap-lead-size: clamp(14px, 1.28vw, 20px);
    --cap-center-size: clamp(14px, 1.06vw, 17.5px);
    --cap-right-size: clamp(12.5px, 1.2vw, 20px);
    --cap-center-width: 34ch;
    --cap-title-width: 18ch;
    --cap-lead-width: 24rem;
    --cap-intro-width: 24ch;
    --cap-title-shift-y: 0px;
    --cap-intro-shift-y: 4px;
    --cap-panel-pad: 11px;
    --cap-point-pad-y: 7px;
    --cap-detail-pad: 16px;
  }

  html.capabilities-page
    .capDeckSlide:not(.capDeckSlide--hero)
    .capDeckSlide__inner {
    padding: 8px;
  }

  html.capabilities-page .capDeckSlide__leadCopy {
    gap: 10px;
  }

  html.capabilities-page .capDeckSlide__detailBody {
    line-height: 1.42;
  }
}

@media (max-width: 1199px) and (min-width: 769px) {
  html.capabilities-page .capDeckSlide__pointText {
    max-width: 36ch;
  }

  html.capabilities-page .capDeckSlide__detailCard {
    width: 100%;
  }
}

@media (min-width: 921px) and (max-height: 900px) {
  html.capabilities-page {
    --cap-title-size: clamp(29px, 3.45vw, 43px);
    --cap-lead-size: clamp(13.5px, 2.02vw, 19px);
    --cap-center-size: clamp(13.5px, 1.95vw, 17px);
    --cap-right-size: clamp(11.8px, 1.98vw, 16px);
    --cap-title-width: 17ch;
    --cap-lead-width: 22rem;
    --cap-center-width: 43ch;
    --cap-intro-width: 34ch;
    --cap-panel-pad: 10px;
    --cap-point-pad-y: 6px;
    --cap-detail-pad: 14px;
    --cap-frame-gap: 8px;
    --cap-title-shift-y: 0px;
    --cap-intro-shift-y: 4px;
  }

  html.capabilities-page .capDeckSlide__leadCopy {
    gap: 9px;
  }

  html.capabilities-page .capDeckHero__inner {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  html.capabilities-page .capDeckHero__title {
    font-size: clamp(30px, 4.2vw, 56px);
  }

  html.capabilities-page .capDeckHero__subtitle {
    font-size: clamp(14px, 1.05vw, 18px);
    margin-top: 14px;
  }
}

@media (min-width: 921px) and (max-width: 1120px) {
  html.capabilities-page {
    --cap-frame-gap: 8px;
    --cap-gap: 7px;
    --cap-grid-a: 0.94fr;
    --cap-grid-b: 0.84fr;
    --cap-grid-c: 1.16fr;
    --cap-title-size: clamp(28px, 4.35vw, 39px);
    --cap-lead-size: clamp(13px, 1.98vw, 19px);
    --cap-center-size: clamp(13px, 1.92vw, 17px);
    --cap-right-size: clamp(12px, 2.08vw, 16px);
    --cap-center-width: 30ch;
    --cap-title-width: 16ch;
    --cap-lead-width: 21rem;
    --cap-intro-width: 33ch;
    --cap-title-shift-y: 0px;
    --cap-intro-shift-y: 3px;
    --cap-panel-pad: 10px;
    --cap-point-pad-y: 6px;
    --cap-detail-pad: 14px;
  }

  html.capabilities-page .capDeckSlide__leadCopy {
    gap: 8px;
  }
}

@media (max-width: 768px),
  (width: 820px) and (height: 1180px),
  (width: 834px) and (height: 1112px),
  (width: 1024px) and (height: 1366px),
  (width: 912px) and (height: 1368px),
  (width: 540px) and (height: 720px),
  (width: 853px) and (height: 1280px) {
  html.capabilities-page {
    --cap-title-size: clamp(24px, 6.4vw, 34px);
    --cap-lead-size: clamp(13.5px, 2vw, 16px);
    --cap-center-size: clamp(13px, 1.95vw, 15px);
    --cap-right-size: clamp(12.5px, 2.1vw, 17px);
    --cap-title-width: 100%;
    --cap-lead-width: 100%;
    --cap-center-width: 100%;
    --cap-intro-width: 100%;
  }

  html.capabilities-page .capDeckSlide:not(.capDeckSlide--hero) {
    min-height: 0;
    overflow: visible;
  }

  html.capabilities-page
    .capDeckSlide:not(.capDeckSlide--hero)
    .capDeckSlide__inner {
    min-height: 0;
    padding: 14px var(--cap-edge-gap-mobile) 18px;
    display: block;
  }

  html.capabilities-page .capDeckSlide__grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  html.capabilities-page .capDeckSlide__cell--mediaMerge {
    grid-column: auto;
    min-height: 0;
  }

  html.capabilities-page .capDeckSlide__mergedGrid {
    grid-template-columns: 1fr;
    gap: 10px;
    height: auto;
    min-height: 0;
  }

  html.capabilities-page .capDeckSlide__mergedPane {
    height: auto;
  }

  html.capabilities-page .capDeckSlide__mergedPane--lead {
    min-height: 0;
    aspect-ratio: 4 / 5;
  }

  html.capabilities-page .capDeckSlide__cell--mediaA {
    min-height: 0;
    aspect-ratio: auto;
  }

  html.capabilities-page .capDeckSlide__cell--points {
    min-height: 0;
  }

  html.capabilities-page .capDeckSlide__cell--mediaB {
    min-height: 0;
    aspect-ratio: 4 / 3;
  }

  html.capabilities-page .capDeckSlide__panelText {
    padding: 12px 14px;
  }

  html.capabilities-page .capDeckSlide__pointTrigger {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  html.capabilities-page .capDeckSlide__pointText {
    max-width: none;
  }

  html.capabilities-page .capDeckSlide__leadOverlay {
    padding: 16px;
  }

  html.capabilities-page .capDeckSlide__leadCopy {
    width: min(100%, 26rem);
  }

  html.capabilities-page .capDeckSlide__leadIntro {
    font-size: clamp(13px, 2vw, 16px);
  }

  html.capabilities-page .capDeckSlide__detailOverlay {
    align-items: flex-start;
    justify-content: flex-start;
    padding: 12px;
  }

  html.capabilities-page .capDeckSlide__detailCard {
    width: 100%;
    border-radius: 3px;
  }

  html.capabilities-page.capabilities-slideMode body {
    scroll-snap-type: none;
  }

  html.capabilities-page.capabilities-slideMode main.main > .capDeckSlide {
    scroll-snap-align: none;
    scroll-snap-stop: normal;
  }
}

@media (max-width: 480px) {
  html.capabilities-page {
    --cap-title-size: clamp(22px, 7.2vw, 29px);
    --cap-lead-size: 14px;
    --cap-center-size: 13px;
    --cap-right-size: clamp(11.5px, 3vw, 14px);
  }

  html.capabilities-page
    .capDeckSlide:not(.capDeckSlide--hero)
    .capDeckSlide__inner {
    padding-left: 12px;
    padding-right: 12px;
  }

  html.capabilities-page .capDeckSlide__panelText {
    padding: 10px 12px;
  }

  html.capabilities-page .capDeckSlide__pointTrigger {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  html.capabilities-page .capDeckSlide__pointText {
    line-height: 1.24;
  }

  html.capabilities-page .capDeckSlide__leadOverlay {
    padding: 12px;
  }

  html.capabilities-page .capDeckSlide__leadIntro {
    font-size: 13.5px;
    line-height: 1.36;
  }

  .capDeckSlide__leadIntro {
    font-size: 10px;
  }

  html.capabilities-page .capDeckSlide__detailOverlay {
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px;
  }

  html.capabilities-page .capDeckSlide__detailCard {
    padding: 14px 16px;
    border-radius: 3px;
  }
}



/* ===== Mobile / tablet exact preset hooks for DevTools fine-tuning ===== */
/* Edit the exact preset you are previewing when the mobile slider layout is active. */

@media (width: 768px) and (height: 1024px) {
  /* iPad Mini */
  html.capabilities-page .capDeckMobile__head {
    padding: 0 16px 0;
    transform: translateY(-8px);
  }

  html.capabilities-page .capDeckMobile__title {
    width: 17ch;
    max-width: 100%;
    margin-inline: auto;
    width: 17ch;
    margin-inline: auto;
    display: grid;
    place-items: center;
    width: 17ch;
    margin-inline: auto;
    display: grid;
    place-items: center;
    font-size: clamp(34px, 5vw, 44px);
    line-height: 0.96;
    text-align: center;
    text-wrap: balance;
    line-height: 0.96;
    text-align: center;
    text-wrap: balance;
    line-height: 0.96;
    text-wrap: balance;
  }

  html.capabilities-page .capDeckMobile__track {
    --cap-mobile-card-width: 82%;
    --cap-mobile-card-gap: 14px;
  }

  html.capabilities-page .capDeckMobile__cardTitle {
    margin-top: clamp(138px, 20vw, 176px);
    max-width: calc(100% - 56px);
    padding: 14px 18px 0;
    font-size: clamp(18px, 3.1vw, 24px);
  }

  html.capabilities-page .capDeckMobile__cardBody {
    max-width: calc(100% - 56px);
    margin-bottom: clamp(28px, 3vw, 34px);
    padding: 18px 18px 16px;
    font-size: 15px;
    -webkit-line-clamp: 5;
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckMobile__track {
    --cap-mobile-card-width: 84%;
    --cap-mobile-card-gap: 14px;
  }

  html.capabilities-page .capDeckVerifyMobile__stack {
    gap: 12px;
    padding-top: clamp(138px, 21vw, 178px);
    padding-bottom: 20px;
  }

  html.capabilities-page .capDeckVerifyMobile__tile {
    padding: 14px;
    max-height: 38dvh;
  }

  html.capabilities-page .capDeckVerifyMobile__tileTitle {
    font-size: clamp(18px, 3.3vw, 24px);
  }

  html.capabilities-page .capDeckVerifyMobile__tileBody {
    font-size: 15px;
    line-height: 1.24;
  }
}


@media (width: 820px) and (height: 1180px),
  (width: 834px) and (height: 1112px),
  (width: 1024px) and (height: 1366px),
  (width: 912px) and (height: 1368px),
  (width: 540px) and (height: 720px),
  (width: 853px) and (height: 1280px) {
  /* Match iPad Mini mobile/tablet card tuning for iPad Air, iPad Pro, Surface Pro 7, and Surface Duo */
  html.capabilities-page .capDeckMobile__head {
    padding: 0 16px 0;
    transform: translateY(-8px);
  }

  html.capabilities-page .capDeckMobile__title {
    width: 17ch;
    max-width: 100%;
    margin-inline: auto;
    font-size: clamp(34px, 5vw, 44px);
    line-height: 0.96;
    text-wrap: balance;
  }

  html.capabilities-page .capDeckMobile__track {
    --cap-mobile-card-width: 82%;
    --cap-mobile-card-gap: 14px;
  }

  html.capabilities-page .capDeckMobile__cardTitle {
    margin-top: clamp(138px, 20vw, 176px);
    max-width: calc(100% - 56px);
    padding: 14px 18px 0;
    font-size: clamp(18px, 3.1vw, 24px);
  }

  html.capabilities-page .capDeckMobile__cardBody {
    max-width: calc(100% - 56px);
    margin-bottom: clamp(28px, 3vw, 34px);
    padding: 18px 18px 16px;
    font-size: 15px;
    -webkit-line-clamp: 5;
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckMobile__track {
    --cap-mobile-card-width: 84%;
    --cap-mobile-card-gap: 14px;
  }

  html.capabilities-page .capDeckVerifyMobile__stack {
    gap: 12px;
    padding-top: clamp(138px, 21vw, 178px);
    padding-bottom: 20px;
  }

  html.capabilities-page .capDeckVerifyMobile__tile {
    padding: 14px;
    max-height: 38dvh;
  }

  html.capabilities-page .capDeckVerifyMobile__tileTitle {
    font-size: clamp(18px, 3.3vw, 24px);
  }

  html.capabilities-page .capDeckVerifyMobile__tileBody {
    font-size: 15px;
    line-height: 1.24;
  }
}

@media (width: 540px) and (height: 720px) {
  /* Surface Duo */
  html.capabilities-page .capDeckMobile__head {
    padding: 0 12px 0;
    transform: translateY(-20px);
  }

  html.capabilities-page .capDeckMobile__title {
    width: 17ch;
    max-width: 100%;
    margin-inline: auto;
    width: 17ch;
    margin-inline: auto;
    display: grid;
    place-items: center;
    font-size: clamp(30px, 6vw, 38px);
    line-height: 0.96;
    text-align: center;
    text-wrap: balance;
    line-height: 0.96;
    text-wrap: balance;
  }

  html.capabilities-page .capDeckMobile__track {
    --cap-mobile-card-width: 84%;
    --cap-mobile-card-gap: 12px;
  }

  html.capabilities-page .capDeckMobile__cardTitle {
    margin-top: clamp(126px, 23vw, 162px);
    max-width: calc(100% - 40px);
    padding: 12px 14px 0;
    font-size: clamp(16px, 4.1vw, 22px);
  }

  html.capabilities-page .capDeckMobile__cardBody {
    max-width: calc(100% - 40px);
    margin-bottom: 24px;
    padding: 16px 14px 14px;
    font-size: 14px;
    -webkit-line-clamp: 5;
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckMobile__track {
    --cap-mobile-card-width: 85%;
  }

  html.capabilities-page .capDeckVerifyMobile__stack {
    gap: 10px;
    padding-top: clamp(128px, 24vw, 168px);
    padding-bottom: 18px;
  }

  html.capabilities-page .capDeckVerifyMobile__tile {
    padding: 12px;
    max-height: 38dvh;
  }
}

@media (width: 412px) and (height: 914px) {
  /* Samsung Galaxy A51/71 */
  html.capabilities-page .capDeckMobile__head {
    padding: 0 8px 0;
    transform: translateY(-30px);
  }

  html.capabilities-page .capDeckMobile__title {
    font-size: clamp(28px, 8vw, 36px);
  }

  html.capabilities-page .capDeckMobile__track {
    --cap-mobile-card-width: 84%;
    --cap-mobile-card-gap: 12px;
  }

  html.capabilities-page .capDeckMobile__cardTitle {
    margin-top: clamp(128px, 28vw, 170px);
    max-width: 100%;
    min-height: 84px;
    padding: 12px;
    font-size: clamp(16px, 5vw, 21px);
  }

  html.capabilities-page .capDeckMobile__cardBody {
    max-width: 100%;
    min-height: 112px;
    padding: 12px;
    font-size: clamp(14px, 4.2vw, 17px);
    -webkit-line-clamp: 5;
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckMobile__track {
    --cap-mobile-card-width: 85%;
  }

  html.capabilities-page .capDeckVerifyMobile__stack {
    gap: 10px;
    padding-top: clamp(126px, 29vw, 170px);
    padding-bottom: 18px;
  }

  html.capabilities-page .capDeckVerifyMobile__tile {
    border-radius: 12px;
    padding: 12px;
    max-height: 38dvh;
  }

  html.capabilities-page .capDeckVerifyMobile__tileTitle {
    font-size: clamp(18px, 5.8vw, 24px);
  }

  html.capabilities-page .capDeckVerifyMobile__tileBody {
    font-size: 15px;
    line-height: 1.22;
  }
}

@media (width: 344px) and (height: 882px) {
  /* Galaxy Z Fold 5 */
  html.capabilities-page .capDeckMobile__head {
    padding: 0 6px 0;
    transform: translateY(-34px);
  }

  html.capabilities-page .capDeckMobile__title {
    font-size: clamp(24px, 9.2vw, 32px);
  }

  html.capabilities-page .capDeckMobile__track {
    --cap-mobile-card-width: 88%;
    --cap-mobile-card-gap: 10px;
  }

  html.capabilities-page .capDeckMobile__cardTitle {
    margin-top: clamp(120px, 35vw, 168px);
    max-width: 100%;
    min-height: 82px;
    padding: 12px;
    font-size: clamp(15px, 6.1vw, 19px);
  }

  html.capabilities-page .capDeckMobile__cardBody {
    max-width: 100%;
    min-height: 108px;
    padding: 12px;
    font-size: clamp(13.5px, 5vw, 16px);
    -webkit-line-clamp: 5;
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckMobile__track {
    --cap-mobile-card-width: 88%;
    --cap-mobile-card-gap: 10px;
  }

  html.capabilities-page .capDeckVerifyMobile__stack {
    gap: 10px;
    padding-top: clamp(122px, 36vw, 168px);
    padding-bottom: 16px;
  }

  html.capabilities-page .capDeckVerifyMobile__tile {
    border-radius: 12px;
    padding: 10px;
    max-height: 39dvh;
  }

  html.capabilities-page .capDeckVerifyMobile__tileTitle {
    font-size: clamp(17px, 7vw, 22px);
  }

  html.capabilities-page .capDeckVerifyMobile__tileBody {
    font-size: 14px;
    line-height: 1.2;
  }
}
html.capabilities-page .capDeckSlide--hero {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
  min-height: 100vh;
  min-height: 100svh;
  height: 100vh;
  height: 100svh;
  padding: 0;
  overflow: hidden;
  background: #07131d;
  isolation: isolate;
}

html.capabilities-page .capDeckHero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

html.capabilities-page .capDeckHero__bgImg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: scale(1.045);
  animation: capDeckHeroBgFloat 18s ease-in-out infinite alternate;
}

html.capabilities-page .capDeckHero__shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(5, 12, 19, 0.44) 0%,
      rgba(5, 12, 19, 0.58) 35%,
      rgba(5, 12, 19, 0.78) 100%
    ),
    radial-gradient(
      circle at 50% 38%,
      rgba(18, 216, 220, 0.14) 0%,
      rgba(18, 216, 220, 0) 48%
    );
}

html.capabilities-page .capDeckHero__glow {
  position: absolute;
  border-radius: 999px;
  filter: blur(90px);
  opacity: 0.55;
}

html.capabilities-page .capDeckHero__glow--a {
  top: 8%;
  left: 10%;
  width: 28vw;
  height: 28vw;
  min-width: 220px;
  min-height: 220px;
  background: rgba(225, 243, 19, 0.18);
}

html.capabilities-page .capDeckHero__glow--b {
  right: 8%;
  bottom: 10%;
  width: 32vw;
  height: 32vw;
  min-width: 260px;
  min-height: 260px;
  background: rgba(0, 209, 255, 0.16);
}

html.capabilities-page .capDeckHero__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: clamp(34px, 5vw, 78px);
  padding-bottom: clamp(34px, 5vw, 78px);
}

html.capabilities-page .capDeckHero__copy {
  width: min(920px, 92vw);
  text-align: center;
  color: #ffffff;
}

html.capabilities-page .capDeckHero__eyebrow,
html.capabilities-page .capDeckHero__title,
html.capabilities-page .capDeckHero__subtitle {
  opacity: 0;
  transform: translateY(28px);
  animation: capDeckHeroTextIn 820ms cubic-bezier(0.22, 0.9, 0.26, 1) forwards;
}

html.capabilities-page .capDeckHero__eyebrow {
  margin: 0 0 12px;
  color: rgba(255, 255, 255, 0.78);
  font-family: Rajdhani, system-ui, sans-serif;
  font-size: clamp(16px, 1.2vw, 22px);
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

html.capabilities-page .capDeckHero__title {
  margin: 0;
  font-family: Rajdhani, system-ui, sans-serif;
  font-size: clamp(34px, 8vw, 76px);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -0.04em;
  text-wrap: balance;
  animation-delay: 80ms;
}

html.capabilities-page .capDeckHero__subtitle {
  width: min(760px, 90vw);
  margin: 18px auto 0;
  color: rgba(255, 255, 255, 0.9);
  font-family: Rajdhani, system-ui, sans-serif;
  font-size: clamp(15px, 3vw, 23px);
  line-height: 1.55;
  text-wrap: balance;
  animation-delay: 180ms;
}

@keyframes capDeckHeroTextIn {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes capDeckHeroBgFloat {
  0% {
    transform: scale(1.045) translate3d(0, 0, 0);
  }
  100% {
    transform: scale(1.085) translate3d(0, -10px, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  html.capabilities-page .capDeckHero__bgImg {
    animation: none;
    transform: scale(1.045);
  }

  html.capabilities-page .capDeckHero__eyebrow,
  html.capabilities-page .capDeckHero__title,
  html.capabilities-page .capDeckHero__subtitle {
    animation: none;
    opacity: 1;
    transform: none;
  }

  html.capabilities-page .capDeckSlide__mediaSurface,
  html.capabilities-page .capDeckSlide__detailOverlay,
  html.capabilities-page .capDeckSlide__pointTrigger {
    transition: none;
  }
}

@media (max-width: 768px),
  (width: 820px) and (height: 1180px),
  (width: 834px) and (height: 1112px),
  (width: 1024px) and (height: 1366px),
  (width: 912px) and (height: 1368px),
  (width: 540px) and (height: 720px),
  (width: 853px) and (height: 1280px) {
  html.capabilities-page .capDeckSlide--hero,
  html.capabilities-page .capDeckHero__inner {
    min-height: 100vh;
    min-height: 100svh;
    height: 100vh;
    height: 100svh;
  }

  html.capabilities-page .capDeckHero__copy {
    width: min(94vw, 760px);
  }

  html.capabilities-page .capDeckHero__eyebrow {
    letter-spacing: 0.16em;
  }

  html.capabilities-page .capDeckHero__subtitle {
    width: 80%;
    margin-top: 14px;
  }
}

html.capabilities-page .capDeckSlide--verificationGrid {
  --verify-layout-width: 100%;
  --verify-layout-cols: minmax(340px, 1fr) minmax(760px, 1000px);
  --verify-layout-gap: clamp(20px, 1.5vw, 30px);
  --verify-layout-justify: space-between;
  --verify-copylane-pad: clamp(12px, 1.2vw, 22px) clamp(22px, 2.1vw, 40px);
  --verify-copy-width: min(100%, 34rem);
  --verify-title-width: 32rem;
  --verify-title-size: clamp(34px, 3vw, 60px);
  --verify-intro-margin-top: clamp(34px, 4vw, 80px);
  --verify-intro-width: 32rem;
  --verify-intro-size: clamp(14px, 2vw, 23px);
  --verify-cards-gap: clamp(12px, 1vw, 18px);
  --verify-cards-pad: clamp(14px, 1.3vw, 24px);
  --verify-cards-max: none;
  --verify-card-radius: 18px;
  --verify-card-pad: clamp(10px, 0.8vw, 14px);
  --verify-card-title-size: clamp(16px, 2vw, 32px);
  --verify-card-body-size: clamp(12.5px, 2vw, 20px);
  --verify-card-body-line: 1.35;
  --verify-card-body-pad-top: clamp(10px, 0.8vw, 14px);
  position: relative;
  isolation: isolate;
}

html.capabilities-page .capDeckVerify__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

html.capabilities-page .capDeckVerify__bgImg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: scale(1.03);
}

html.capabilities-page .capDeckVerify__shade {
  position: absolute;
  inset: 0;
  /* background:
    linear-gradient(90deg, rgba(4, 8, 14, 0.78) 0%, rgba(4, 8, 14, 0.62) 30%, rgba(4, 8, 14, 0.46) 54%, rgba(4, 8, 14, 0.58) 100%),
    linear-gradient(180deg, rgba(4, 8, 14, 0.14) 0%, rgba(4, 8, 14, 0.34) 100%); */
  background-color: rgba(0, 0, 0, 0.288);
}

html.capabilities-page .capDeckSlide--verificationGrid .capDeckSlide__inner {
  position: relative;
  z-index: 1;
}

html.capabilities-page .capDeckVerify {
  width: var(--verify-layout-width);
  height: 100%;
  display: grid;
  grid-template-columns: var(--verify-layout-cols);
  gap: var(--verify-layout-gap);
  align-items: stretch;
  justify-content: var(--verify-layout-justify);
}

html.capabilities-page .capDeckVerify__copyLane {
  min-width: 0;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--verify-copylane-pad);
}

html.capabilities-page .capDeckVerify__copy {
  width: var(--verify-copy-width);
  max-width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-inline: auto;
}

html.capabilities-page .capDeckVerify__title {
  width: 100%;
  max-width: var(--verify-title-width);
  margin: 0 auto;
  color: rgba(233, 252, 255, 0.96);
  font-family: Rajdhani, system-ui, sans-serif;
  font-size: var(--verify-title-size);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.03em;
  text-wrap: balance;
  text-shadow: 0 3px 14px rgba(0, 0, 0, 0.28);
}

html.capabilities-page .capDeckVerify__intro {
  width: 100%;
  margin: var(--verify-intro-margin-top) auto 0;
  max-width: var(--verify-intro-width);
  color: rgba(255, 255, 255, 0.92);
  font-family: Rajdhani, system-ui, sans-serif;
  font-size: var(--verify-intro-size);
  font-weight: 600;
  line-height: 1.46;
  text-wrap: pretty;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.28);
}

html.capabilities-page .capDeckVerify__cards {
  min-width: 0;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--verify-cards-gap);
  align-content: center;
  padding: var(--verify-cards-pad);
  width: 100%;
  max-width: var(--verify-cards-max);
  margin: 0;
}

html.capabilities-page .capDeckVerify__card {
  --verify-card-grad: linear-gradient(
    180deg,
    rgba(11, 15, 22, 0) 0%,
    rgba(20, 26, 34, 0) 100%
  );
  min-width: 0;
  aspect-ratio: 1 / 1;
  border-radius: var(--verify-card-radius);
  /* border: 1px solid rgba(183, 178, 247, 0.24); */
  border: 1px solid rgba(255, 255, 255, 0.16);

  /* background: var(--verify-card-grad); */
  background: rgba(0, 41, 51, 0.226);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.18);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(8px);
  /* padding: clamp(14px, 1vw, 18px); */
  padding: var(--verify-card-pad);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

html.capabilities-page .capDeckVerify__card:nth-child(6n + 1) {
  --verify-card-grad: linear-gradient(
    180deg,
    rgba(13, 23, 36, 0.72) 0%,
    rgba(27, 22, 40, 0.82) 100%
  );
}

html.capabilities-page .capDeckVerify__card:nth-child(6n + 2) {
  --verify-card-grad: linear-gradient(
    180deg,
    rgba(11, 14, 22, 0.72) 0%,
    rgba(23, 28, 36, 0.82) 100%
  );
}

html.capabilities-page .capDeckVerify__card:nth-child(6n + 3) {
  --verify-card-grad: linear-gradient(
    180deg,
    rgba(8, 13, 20, 0.72) 0%,
    rgba(18, 25, 34, 0.82) 100%
  );
}

html.capabilities-page .capDeckVerify__card:nth-child(6n + 4) {
  --verify-card-grad: linear-gradient(
    180deg,
    rgba(10, 12, 19, 0.72) 0%,
    rgba(19, 22, 30, 0.82) 100%
  );
}

html.capabilities-page .capDeckVerify__card:nth-child(6n + 5) {
  --verify-card-grad: linear-gradient(
    180deg,
    rgba(9, 16, 18, 0.72) 0%,
    rgba(16, 29, 32, 0.82) 100%
  );
}

html.capabilities-page .capDeckVerify__card:nth-child(6n + 6) {
  --verify-card-grad: linear-gradient(
    180deg,
    rgba(12, 14, 18, 0.72) 0%,
    rgba(26, 29, 34, 0.82) 100%
  );
}

html.capabilities-page .capDeckVerify__cardTitle {
  margin: 0;
  color: rgba(245, 250, 255, 0.98);
  font-family: Rajdhani, system-ui, sans-serif;
  font-size: var(--verify-card-title-size);
  font-weight: 700;
  line-height: 1.12;
  text-wrap: pretty;
}

html.capabilities-page .capDeckVerify__cardBody {
  margin: 0;
  flex: 1;
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.88);
  font-family: Rajdhani, system-ui, sans-serif;
  font-size: var(--verify-card-body-size);
  font-weight: 500;
  line-height: var(--verify-card-body-line);
  text-wrap: pretty;
  padding-top: var(--verify-card-body-pad-top);
}

@media (min-width: 1920px) and (min-height: 700px) {
  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-width: min(100%, 1760px);
    --verify-layout-cols: minmax(420px, 540px) minmax(980px, 1120px);
    --verify-layout-gap: clamp(28px, 2vw, 44px);
    --verify-layout-justify: center;
    --verify-copylane-pad: clamp(12px, 1.2vw, 22px) clamp(24px, 2vw, 36px);
    --verify-copy-width: min(100%, 32rem);
    --verify-title-width: 28rem;
    --verify-intro-width: 24rem;
    --verify-cards-max: 1120px;
  }

  html.capabilities-page .capDeckVerify {
    margin: 0 auto;
  }
}

@media (max-width: 1366px) and (min-width: 921px),
  (min-width: 921px) and (max-height: 860px) {
  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-cols: minmax(300px, 1fr) minmax(560px, 66vw);
    --verify-layout-gap: 16px;
    --verify-layout-justify: space-between;
    --verify-copylane-pad: 16px clamp(18px, 2vw, 28px);
    --verify-title-width: none;
    --verify-title-size: clamp(28px, 2.4vw, 42px);
    --verify-intro-size: clamp(17px, 2vw, 20px);
    --verify-intro-width: 17rem;
    --verify-cards-gap: 10px;
    --verify-cards-pad: 12px;
    --verify-card-radius: 16px;
    --verify-card-pad: 12px;
    --verify-card-title-size: clamp(14px, 2vw, 24px);
    --verify-card-body-size: clamp(15.5px, 0.78vw, 15px);
    --verify-card-body-line: 1.28;
  }

  html.capabilities-page .capDeckVerify__copyLane {
    max-width: none;
    justify-content: center;
  }

  html.capabilities-page .capDeckVerify__title {
    width: min(100%, 30rem);
  }

  html.capabilities-page .capDeckVerify__intro {
    width: min(100%, 19rem);
    line-height: 1.4;
  }

  html.capabilities-page .capDeckVerify__cards {
    margin: 0;
  }

  html.capabilities-page .capDeckVerify__cardBody {
    margin-top: 8px;
  }
}

/* ===== Verification slide desktop preset hooks for DevTools fine-tuning ===== */
/* Edit the values inside the exact preset you are previewing. */

@media (width: 1100px) and (height: 700px) {
  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-cols: minmax(280px, 1fr) minmax(560px, 66vw);
    --verify-layout-gap: 14px;
    --verify-copy-width: min(100%, 28rem);
    --verify-title-width: 25rem;
    --verify-title-size: clamp(26px, 2.8vw, 38px);
    --verify-intro-width: 17rem;
    --verify-intro-size: clamp(15px, 1.6vw, 18px);
    --verify-cards-gap: 10px;
    --verify-cards-pad: 10px;
    --verify-card-pad: 10px;
    --verify-card-title-size: clamp(14px, 2.5vw, 21px);
    --verify-card-body-size: clamp(11.5px, 2vw, 14px);
  }
}

@media (width: 1024px) and (height: 600px) {
  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-cols: minmax(250px, 0.88fr) minmax(580px, 1.12fr);
    --verify-layout-gap: 12px;
    --verify-copylane-pad: 12px 14px;
    --verify-copy-width: min(100%, 24rem);
    --verify-title-width: 22rem;
    --verify-title-size: clamp(24px, 2.55vw, 34px);
    --verify-intro-margin-top: 24px;
    --verify-intro-width: 15rem;
    --verify-intro-size: clamp(13px, 1.45vw, 16px);
    --verify-cards-gap: 8px;
    --verify-cards-pad: 8px;
    --verify-card-radius: 14px;
    --verify-card-pad: 9px;
    --verify-card-title-size: clamp(12.5px, 1.35vw, 18px);
    --verify-card-body-size: clamp(10.5px, 0.95vw, 12.5px);
    --verify-card-body-line: 1.22;
    --verify-card-body-pad-top: 8px;
  }
}

@media (width: 1024px) and (height: 768px) {
  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-cols: minmax(280px, 0.95fr) minmax(620px, 1.18fr);
    --verify-layout-gap: 14px;
    --verify-copylane-pad: 14px 18px;
    --verify-copy-width: min(100%, 25rem);
    --verify-title-width: 23rem;
    --verify-title-size: clamp(26px, 2.55vw, 36px);
    --verify-intro-margin-top: 28px;
    --verify-intro-width: 16rem;
    --verify-intro-size: clamp(14px, 1.55vw, 17px);
    --verify-cards-gap: 9px;
    --verify-cards-pad: 9px;
    --verify-card-pad: 10px;
    --verify-card-title-size: clamp(13px, 2.35vw, 18px);
    --verify-card-body-size: clamp(12px, 1vw, 13px);
    --verify-card-body-line: 1.24;
  }
}

@media (width: 1280px) and (height: 720px) {
  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-cols: minmax(300px, 0.96fr) minmax(720px, 1.2fr);
    --verify-layout-gap: 16px;
    --verify-copy-width: min(100%, 28rem);
    --verify-title-width: 25rem;
    --verify-title-size: clamp(29px, 2.5vw, 40px);
    --verify-intro-width: 17rem;
    --verify-intro-size: clamp(15px, 1.6vw, 18px);
    --verify-cards-gap: 10px;
    --verify-cards-pad: 10px;
    --verify-card-pad: 11px;
    --verify-card-title-size: clamp(14px, 2.45vw, 21px);
    --verify-card-body-size: clamp(11.5px, 2vw, 14px);
  }
}

@media (width: 1280px) and (height: 800px) {
  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-cols: minmax(310px, 0.98fr) minmax(740px, 1.22fr);
    --verify-layout-gap: 16px;
    --verify-copy-width: min(100%, 29rem);
    --verify-title-width: 26rem;
    --verify-title-size: clamp(30px, 2.45vw, 41px);
    --verify-intro-width: 18rem;
    --verify-intro-size: clamp(15px, 1.55vw, 18px);
    --verify-cards-gap: 10px;
    --verify-cards-pad: 10px;
    --verify-card-pad: 11px;
    --verify-card-title-size: clamp(14px, 2.4vw, 21px);
    --verify-card-body-size: clamp(11.5px, 1.92vw, 14px);
  }
}

@media (width: 1366px) and (height: 768px) {
  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-cols: minmax(320px, 1fr) minmax(770px, 1.22fr);
    --verify-layout-gap: 16px;
    --verify-copy-width: min(100%, 30rem);
    --verify-title-width: 27rem;
    --verify-title-size: clamp(31px, 2.5vw, 42px);
    --verify-intro-width: 18rem;
    --verify-intro-size: clamp(15px, 1.5vw, 18px);
    --verify-cards-gap: 10px;
    --verify-cards-pad: 11px;
    --verify-card-pad: 11px;
    --verify-card-title-size: clamp(14px, 2.35vw, 22px);
    --verify-card-body-size: clamp(11.5px, 1.9vw, 14px);
  }
}

@media (width: 1400px) and (height: 900px) {
  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-cols: minmax(340px, 1fr) minmax(800px, 1.22fr);
    --verify-layout-gap: 18px;
    --verify-copy-width: min(100%, 31rem);
    --verify-title-width: 27rem;
    --verify-title-size: clamp(32px, 2.55vw, 44px);
    --verify-intro-width: 19rem;
    --verify-intro-size: clamp(15px, 1.45vw, 18.5px);
    --verify-cards-gap: 11px;
    --verify-cards-pad: 11px;
    --verify-card-pad: 11px;
    --verify-card-title-size: clamp(14px, 2.28vw, 23px);
    --verify-card-body-size: clamp(11.8px, 2vw, 15px);
  }
}

@media (width: 1440px) and (height: 900px) {
  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-cols: minmax(350px, 1fr) minmax(820px, 1.2fr);
    --verify-layout-gap: 18px;
    --verify-copy-width: min(100%, 31rem);
    --verify-title-width: 27rem;
    --verify-title-size: clamp(32px, 2.5vw, 44px);
    --verify-intro-width: 19rem;
    --verify-intro-size: clamp(15px, 1.42vw, 18.5px);
    --verify-cards-gap: 11px;
    --verify-cards-pad: 11px;
    --verify-card-pad: 11px;
    --verify-card-title-size: clamp(14px, 2vw, 24px);
    --verify-card-body-size: clamp(11.8px, 1.88vw, 15px);
  }
}

@media (width: 1536px) and (height: 864px) {
  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-cols: minmax(360px, 1fr) minmax(860px, 1.22fr);
    --verify-layout-gap: 18px;
    --verify-copy-width: min(100%, 31rem);
    --verify-title-width: 27rem;
    --verify-title-size: clamp(32px, 2.4vw, 45px);
    --verify-intro-width: 19rem;
    --verify-intro-size: clamp(15px, 1.32vw, 18.5px);
    --verify-cards-gap: 11px;
    --verify-cards-pad: 11px;
    --verify-card-pad: 11px;
    --verify-card-title-size: clamp(14px, 2.2vw, 25px);
    --verify-card-body-size: clamp(11.8px, 1.84vw, 16px);
  }
}

@media (width: 1600px) and (height: 900px) {
  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-cols: minmax(380px, 1fr) minmax(900px, 1.22fr);
    --verify-layout-gap: 20px;
    --verify-copy-width: min(100%, 32rem);
    --verify-title-width: 28rem;
    --verify-title-size: clamp(33px, 2.35vw, 46px);
    --verify-intro-width: 20rem;
    --verify-intro-size: clamp(15.5px, 1.28vw, 19px);
    --verify-cards-gap: 12px;
    --verify-cards-pad: 12px;
    --verify-card-pad: 12px;
    --verify-card-title-size: clamp(14px, 2vw, 26px);
    --verify-card-body-size: clamp(12px, 1.82vw, 16px);
  }
}

@media (width: 1680px) and (height: 1050px) {
  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-cols: minmax(390px, 1fr) minmax(940px, 1.24fr);
    --verify-layout-gap: 22px;
    --verify-copy-width: min(100%, 32rem);
    --verify-title-width: 28rem;
    --verify-title-size: clamp(34px, 2.3vw, 48px);
    --verify-intro-width: 21rem;
    --verify-intro-size: clamp(16px, 1.26vw, 20px);
    --verify-cards-gap: 12px;
    --verify-cards-pad: 12px;
    --verify-card-pad: 12px;
    --verify-card-title-size: clamp(14px, 2vw, 27px);
    --verify-card-body-size: clamp(12px, 2vw, 17.5px);
  }
}

@media (width: 1920px) and (height: 1080px) {
  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-width: min(100%, 1760px);
    --verify-layout-cols: minmax(420px, 540px) minmax(980px, 1120px);
    --verify-layout-gap: clamp(28px, 2vw, 44px);
    --verify-layout-justify: center;
    --verify-copylane-pad: clamp(12px, 1.2vw, 22px) clamp(24px, 2vw, 36px);
    --verify-copy-width: min(100%, 32rem);
    --verify-title-width: 28rem;
    --verify-title-size: clamp(34px, 2.25vw, 50px);
    --verify-intro-width: 24rem;
    --verify-intro-size: clamp(16px, 1.22vw, 20px);
    --verify-cards-max: 1120px;
    --verify-cards-gap: 12px;
    --verify-cards-pad: 12px;
    --verify-card-pad: 12px;
    --verify-card-title-size: clamp(14px, 2vw, 33px);
    --verify-card-body-size: clamp(12px, 2.76vw, 20.5px);
  }
}

@media (width: 2560px) and (height: 1080px) {
  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-width: min(100%, 1880px);
    --verify-layout-cols: minmax(480px, 600px) minmax(1080px, 1180px);
    --verify-layout-gap: 34px;
    --verify-layout-justify: center;
    --verify-copylane-pad: clamp(12px, 1.2vw, 22px) 26px;
    --verify-copy-width: min(100%, 34rem);
    --verify-title-width: 29rem;
    --verify-title-size: clamp(36px, 1.95vw, 52px);
    --verify-intro-width: 25rem;
    --verify-intro-size: clamp(16px, 1vw, 20px);
    --verify-cards-max: 1180px;
    --verify-cards-gap: 14px;
    --verify-cards-pad: 14px;
    --verify-card-pad: 13px;
    --verify-card-title-size: clamp(15px, 2.86vw, 35px);
    --verify-card-body-size: clamp(12.5px, 1.66vw, 21px);
  }
}

@media (width: 3440px) and (height: 1440px) {
  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-width: min(100%, 2140px);
    --verify-layout-cols: minmax(560px, 700px) minmax(1220px, 1360px);
    --verify-layout-gap: 40px;
    --verify-layout-justify: center;
    --verify-copylane-pad: clamp(12px, 1.2vw, 22px) 30px;
    --verify-copy-width: min(100%, 38rem);
    --verify-title-width: 32rem;
    --verify-title-size: clamp(40px, 1.8vw, 60px);
    --verify-intro-width: 27rem;
    --verify-intro-size: clamp(17px, 0.94vw, 30px);
    --verify-cards-max: 1360px;
    --verify-cards-gap: 16px;
    --verify-cards-pad: 16px;
    --verify-card-pad: 14px;
    --verify-card-title-size: clamp(16px, 2.78vw, 33px);
    --verify-card-body-size: clamp(13px, 3.62vw, 24.5px);
  }
}

/* ===== General capability slides desktop preset hooks for DevTools fine-tuning ===== */
/* Applies to all non-hero, non-verification slides on the Capabilities page. */
/* Edit the values inside the exact preset you are previewing in DevTools. */

@media (width: 1100px) and (height: 700px) {
  html.capabilities-page {
    --cap-frame-gap: 8px;
    --cap-gap: 7px;
    --cap-grid-a: 0.94fr;
    --cap-grid-b: 0.84fr;
    --cap-grid-c: 1.16fr;
    --cap-title-size: clamp(26px, 2.8vw, 38px);
    --cap-lead-size: clamp(15px, 2vw, 18px);
    --cap-center-size: clamp(13px, 1.92vw, 17px);
    --cap-right-size: clamp(13px, 2.08vw, 15px);
    --cap-center-width: 51ch;
    --cap-title-width: 38ch;
    --cap-lead-width: 47rem;
    --cap-intro-width: 44ch;
    --cap-title-shift-y: 0px;
    --cap-intro-shift-y: 3px;
    --cap-panel-pad: 10px;
    --cap-point-pad-y: 6px;
    --cap-detail-pad: 14px;
  }

  html.capabilities-page
    .capDeckSlide:not(.capDeckSlide--hero):not(.capDeckSlide--verificationGrid)
    .capDeckSlide__inner {
    padding: 8px;
  }

  html.capabilities-page .capDeckSlide__leadCopy {
    gap: 8px;
  }

  html.capabilities-page .capDeckSlide__detailBody {
    line-height: 1.42;
  }
}

@media (width: 1024px) and (height: 600px) {
  html.capabilities-page {
    --cap-frame-gap: 8px;
    --cap-gap: 7px;
    --cap-grid-a: 0.94fr;
    --cap-grid-b: 0.84fr;
    --cap-grid-c: 1.16fr;
    --cap-title-size: clamp(32px, 3.35vw, 39px);
    --cap-lead-size: clamp(16px, 1.98vw, 18px);
    --cap-center-size: clamp(15px, 0.92vw, 17px);
    --cap-right-size: clamp(13px, 1.08vw, 18px);
    --cap-center-width: 30ch;
    --cap-title-width: 16ch;
    --cap-lead-width: 21rem;
    --cap-intro-width: 33ch;
    --cap-title-shift-y: 0px;
    --cap-intro-shift-y: 3px;
    --cap-panel-pad: 10px;
    --cap-point-pad-y: 6px;
    --cap-detail-pad: 14px;
  }

  html.capabilities-page
    .capDeckSlide:not(.capDeckSlide--hero):not(.capDeckSlide--verificationGrid)
    .capDeckSlide__inner {
    padding: 8px;
  }

  html.capabilities-page .capDeckSlide__leadCopy {
    gap: 8px;
  }

  html.capabilities-page .capDeckSlide__detailBody {
    line-height: 1.42;
  }
}

@media (width: 1024px) and (height: 768px) {
  html.capabilities-page {
    --cap-frame-gap: 8px;
    --cap-gap: 7px;
    --cap-grid-a: 0.92fr;
    --cap-grid-b: 0.82fr;
    --cap-grid-c: 1.2fr;
    --cap-title-size: clamp(31px, 3.05vw, 48px);
    --cap-lead-size: clamp(14px, 1.28vw, 20px);
    --cap-center-size: clamp(14px, 1.06vw, 17.5px);
    --cap-right-size: clamp(12.5px, 1.2vw, 20px);
    --cap-center-width: 34ch;
    --cap-title-width: 18ch;
    --cap-lead-width: 24rem;
    --cap-intro-width: 32ch;
    --cap-title-shift-y: 0px;
    --cap-intro-shift-y: 4px;
    --cap-panel-pad: 11px;
    --cap-point-pad-y: 7px;
    --cap-detail-pad: 16px;
  }

  html.capabilities-page
    .capDeckSlide:not(.capDeckSlide--hero):not(.capDeckSlide--verificationGrid)
    .capDeckSlide__inner {
    padding: 8px;
  }

  html.capabilities-page .capDeckSlide__leadCopy {
    gap: 10px;
  }

  html.capabilities-page .capDeckSlide__detailBody {
    line-height: 1.42;
  }
}

@media (width: 1280px) and (height: 720px) {
  html.capabilities-page {
    --cap-title-size: clamp(31px, 3.05vw, 48px);
    --cap-lead-size: clamp(14px, 2.28vw, 20px);
    --cap-center-size: clamp(14px, 2.06vw, 17.5px);
    --cap-right-size: clamp(12.5px, 2.2vw, 17px);
    --cap-title-width: 18ch;
    --cap-lead-width: 22rem;
    --cap-center-width: 33ch;
    --cap-intro-width: 31ch;
    --cap-panel-pad: 10px;
    --cap-point-pad-y: 6px;
    --cap-detail-pad: 14px;
    --cap-frame-gap: 8px;
    --cap-title-shift-y: 0px;
    --cap-intro-shift-y: 4px;
  }

  html.capabilities-page .capDeckSlide__leadCopy {
    gap: 9px;
  }
}

@media (width: 1280px) and (height: 800px) {
  html.capabilities-page {
    --cap-gap: 7px;
    --cap-grid-a: 0.92fr;
    --cap-grid-b: 0.82fr;
    --cap-grid-c: 1.2fr;
    --cap-title-size: clamp(31px, 3.05vw, 48px);
    --cap-lead-size: clamp(14px, 2.28vw, 20px);
    --cap-center-size: clamp(14px, 2.06vw, 17.5px);
    --cap-right-size: clamp(12.5px, 2.2vw, 17px);
    --cap-center-width: 42ch;
    --cap-title-width: 18ch;
    --cap-lead-width: 24rem;
    --cap-intro-width: 32ch;
    --cap-title-shift-y: 0px;
    --cap-intro-shift-y: 4px;
    --cap-panel-pad: 11px;
    --cap-point-pad-y: 7px;
    --cap-detail-pad: 16px;
    --cap-frame-gap: 8px;
  }

  html.capabilities-page
    .capDeckSlide:not(.capDeckSlide--hero):not(.capDeckSlide--verificationGrid)
    .capDeckSlide__inner {
    padding: 8px;
  }

  html.capabilities-page .capDeckSlide__leadCopy {
    gap: 10px;
  }

  html.capabilities-page .capDeckSlide__detailBody {
    line-height: 1.42;
  }
}

@media (width: 1366px) and (height: 768px) {
  html.capabilities-page {
    --cap-gap: 7px;
    --cap-grid-a: 0.92fr;
    --cap-grid-b: 0.82fr;
    --cap-grid-c: 1.2fr;
    --cap-title-size: clamp(31px, 2.5vw, 42px);
    --cap-lead-size: clamp(15px, 1.5vw, 18px);
    --cap-center-size: clamp(14px, 2vw, 17.5px);
    --cap-right-size: clamp(12.5px, 1.2vw, 20px);
    --cap-center-width: 38ch;
    --cap-title-width: 18ch;
    --cap-lead-width: 24rem;
    --cap-intro-width: 24ch;
    --cap-title-shift-y: 0px;
    --cap-intro-shift-y: 4px;
    --cap-panel-pad: 11px;
    --cap-point-pad-y: 7px;
    --cap-detail-pad: 16px;
    --cap-frame-gap: 8px;
  }

  html.capabilities-page
    .capDeckSlide:not(.capDeckSlide--hero):not(.capDeckSlide--verificationGrid)
    .capDeckSlide__inner {
    padding: 8px;
  }

  html.capabilities-page .capDeckSlide__leadCopy {
    gap: 10px;
  }

  html.capabilities-page .capDeckSlide__detailBody {
    line-height: 1.42;
  }
}

@media (width: 1400px) and (height: 900px) {
  html.capabilities-page {
    --cap-gap: 8px;
    --cap-grid-a: 0.9fr;
    --cap-grid-b: 0.8fr;
    --cap-grid-c: 1.24fr;
    --cap-title-size: clamp(36px, 3.8vw, 60px);
    --cap-lead-size: clamp(16px, 2vw, 28px);
    --cap-center-size: clamp(15px, 1.5vw, 23px);
    --cap-right-size: clamp(13px, 1.5vw, 24px);
    --cap-center-width: 40ch;
    --cap-title-width: 21ch;
    --cap-lead-width: 31rem;
    --cap-intro-width: 28ch;
    --cap-title-shift-y: -4px;
    --cap-intro-shift-y: 6px;
    --cap-panel-pad: 12px;
    --cap-point-pad-y: 8px;
    --cap-detail-pad: 18px;
  }
}

@media (width: 1440px) and (height: 900px) {
  html.capabilities-page {
    --cap-gap: 8px;
    --cap-grid-a: 0.9fr;
    --cap-grid-b: 0.8fr;
    --cap-grid-c: 1.24fr;
    --cap-title-size: clamp(36px, 3.8vw, 60px);
    --cap-lead-size: clamp(16px, 2vw, 28px);
    --cap-center-size: clamp(15px, 1.5vw, 23px);
    --cap-right-size: clamp(13px, 1.5vw, 24px);
    --cap-center-width: 40ch;
    --cap-title-width: 21ch;
    --cap-lead-width: 31rem;
    --cap-intro-width: 28ch;
    --cap-title-shift-y: -4px;
    --cap-intro-shift-y: 6px;
    --cap-panel-pad: 12px;
    --cap-point-pad-y: 8px;
    --cap-detail-pad: 18px;
  }
}

@media (width: 1536px) and (height: 864px) {
  html.capabilities-page {
    --cap-gap: 8px;
    --cap-grid-a: 0.9fr;
    --cap-grid-b: 0.8fr;
    --cap-grid-c: 1.24fr;
    --cap-title-size: clamp(36px, 3.8vw, 60px);
    --cap-lead-size: clamp(16px, 2vw, 28px);
    --cap-center-size: clamp(15px, 1.5vw, 23px);
    --cap-right-size: clamp(13px, 1.5vw, 24px);
    --cap-center-width: 40ch;
    --cap-title-width: 21ch;
    --cap-lead-width: 31rem;
    --cap-intro-width: 28ch;
    --cap-title-shift-y: -4px;
    --cap-intro-shift-y: 6px;
    --cap-panel-pad: 12px;
    --cap-point-pad-y: 8px;
    --cap-detail-pad: 18px;
  }
}

@media (width: 1600px) and (height: 900px) {
  html.capabilities-page {
    --cap-gap: 8px;
    --cap-grid-a: 0.9fr;
    --cap-grid-b: 0.8fr;
    --cap-grid-c: 1.24fr;
    --cap-title-size: clamp(36px, 3.8vw, 60px);
    --cap-lead-size: clamp(16px, 2vw, 28px);
    --cap-center-size: clamp(15px, 1.5vw, 23px);
    --cap-right-size: clamp(13px, 1.5vw, 24px);
    --cap-center-width: 40ch;
    --cap-title-width: 21ch;
    --cap-lead-width: 31rem;
    --cap-intro-width: 28ch;
    --cap-title-shift-y: -4px;
    --cap-intro-shift-y: 6px;
    --cap-panel-pad: 12px;
    --cap-point-pad-y: 8px;
    --cap-detail-pad: 18px;
  }
}

@media (width: 1680px) and (height: 1050px) {
  html.capabilities-page {
    --cap-gap: 8px;
    --cap-grid-a: 0.9fr;
    --cap-grid-b: 0.8fr;
    --cap-grid-c: 1.24fr;
    --cap-title-size: clamp(36px, 3.8vw, 60px);
    --cap-lead-size: clamp(16px, 2vw, 28px);
    --cap-center-size: clamp(15px, 1.5vw, 23px);
    --cap-right-size: clamp(13px, 1.5vw, 24px);
    --cap-center-width: 40ch;
    --cap-title-width: 21ch;
    --cap-lead-width: 31rem;
    --cap-intro-width: 28ch;
    --cap-title-shift-y: -4px;
    --cap-intro-shift-y: 6px;
    --cap-panel-pad: 12px;
    --cap-point-pad-y: 8px;
    --cap-detail-pad: 18px;
  }
}

@media (width: 1920px) and (height: 1080px) {
  html.capabilities-page {
    --cap-gap: 8px;
    --cap-grid-a: 0.9fr;
    --cap-grid-b: 0.8fr;
    --cap-grid-c: 1.24fr;
    --cap-title-size: clamp(36px, 3.8vw, 60px);
    --cap-lead-size: clamp(16px, 2vw, 28px);
    --cap-center-size: clamp(15px, 1.5vw, 23px);
    --cap-right-size: clamp(13px, 1.5vw, 24px);
    --cap-center-width: 40ch;
    --cap-title-width: 21ch;
    --cap-lead-width: 31rem;
    --cap-intro-width: 28ch;
    --cap-title-shift-y: -4px;
    --cap-intro-shift-y: 6px;
    --cap-panel-pad: 12px;
    --cap-point-pad-y: 8px;
    --cap-detail-pad: 18px;
  }
}

@media (width: 2560px) and (height: 1080px) {
  html.capabilities-page {
    --cap-gap: 9px;
    --cap-grid-a: 0.9fr;
    --cap-grid-b: 0.8fr;
    --cap-grid-c: 1.24fr;
    --cap-title-size: clamp(38px, 3vw, 62px);
    --cap-lead-size: clamp(17px, 1.25vw, 30px);
    --cap-center-size: clamp(15.5px, 2vw, 29px);
    --cap-right-size: clamp(13px, 2vw, 28px);
    --cap-center-width: 42ch;
    --cap-title-width: 21ch;
    --cap-lead-width: 32rem;
    --cap-intro-width: 29ch;
    --cap-title-shift-y: -4px;
    --cap-intro-shift-y: 6px;
    --cap-panel-pad: 12px;
    --cap-point-pad-y: 8px;
    --cap-detail-pad: 18px;
    --cap-frame-gap: 10px;
  }
}

@media (width: 2560px) and (height: 1440px) {
  html.capabilities-page {
    --cap-gap: 9px;
    --cap-grid-a: 0.9fr;
    --cap-grid-b: 0.8fr;
    --cap-grid-c: 1.24fr;
    --cap-title-size: clamp(38px, 3vw, 62px);
    --cap-lead-size: clamp(17px, 1.25vw, 30px);
    --cap-center-size: clamp(15.5px, 2vw, 29px);
    --cap-right-size: clamp(13px, 2vw, 28px);
    --cap-center-width: 42ch;
    --cap-title-width: 21ch;
    --cap-lead-width: 32rem;
    --cap-intro-width: 29ch;
    --cap-title-shift-y: -4px;
    --cap-intro-shift-y: 6px;
    --cap-panel-pad: 12px;
    --cap-point-pad-y: 8px;
    --cap-detail-pad: 18px;
    --cap-frame-gap: 10px;
  }
}

@media (width: 3440px) and (height: 1440px) {
  html.capabilities-page {
    --cap-gap: 10px;
    --cap-grid-a: 0.9fr;
    --cap-grid-b: 0.8fr;
    --cap-grid-c: 1.24fr;
    --cap-title-size: clamp(42px, 2.2vw, 90px);
    --cap-lead-size: clamp(18px, 3vw, 42px);
    --cap-center-size: clamp(16px, 1.9vw, 40px);
    --cap-right-size: clamp(14px, 1.88vw, 35px);
    --cap-center-width: 44ch;
    --cap-title-width: 42ch;
    --cap-lead-width: 40rem;
    --cap-intro-width: 30ch;
    --cap-title-shift-y: -6px;
    --cap-intro-shift-y: 7px;
    --cap-panel-pad: 14px;
    --cap-point-pad-y: 9px;
    --cap-detail-pad: 20px;
    --cap-frame-gap: 10px;
  }
}



/* ===== Tablet / foldable preset hooks for DevTools fine-tuning ===== */
/* These presets cover DevTools devices that were not previously exposed with exact hooks. */

@media (width: 853px) and (height: 1280px) {
  /* Asus Zenbook Fold: follow iPad Mini mobile/tablet tuning */
  html.capabilities-page {
    --cap-title-size: clamp(24px, 6.4vw, 34px);
    --cap-lead-size: clamp(13.5px, 2vw, 16px);
    --cap-center-size: clamp(13px, 1.95vw, 15px);
    --cap-right-size: clamp(12.5px, 2.1vw, 17px);
    --cap-title-width: 100%;
    --cap-lead-width: 100%;
    --cap-center-width: 100%;
    --cap-intro-width: 100%;
  }
}

@media (width: 812px) and (height: 882px) {
  /* Galaxy Z Fold 5 open */
  html.capabilities-page {
    --cap-gap: 8px;
    --cap-grid-a: 0.94fr;
    --cap-grid-b: 0.84fr;
    --cap-grid-c: 1.16fr;
    --cap-title-size: clamp(30px, 4vw, 40px);
    --cap-lead-size: clamp(14px, 1.9vw, 18px);
    --cap-center-size: clamp(13px, 1.7vw, 16px);
    --cap-right-size: clamp(12px, 1.55vw, 15px);
    --cap-center-width: 34ch;
    --cap-title-width: 17ch;
    --cap-lead-width: 22rem;
    --cap-intro-width: 22ch;
    --cap-panel-pad: 10px;
    --cap-point-pad-y: 7px;
    --cap-detail-pad: 14px;
    --cap-frame-gap: 8px;
  }

  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-cols: minmax(300px, 0.98fr) minmax(470px, 1.14fr);
    --verify-layout-gap: 14px;
    --verify-copy-width: min(100%, 24rem);
    --verify-title-width: 22rem;
    --verify-title-size: clamp(28px, 3.7vw, 38px);
    --verify-intro-width: 16rem;
    --verify-intro-size: clamp(14px, 1.7vw, 17px);
    --verify-cards-gap: 9px;
    --verify-cards-pad: 9px;
    --verify-card-pad: 10px;
    --verify-card-title-size: clamp(14px, 2.15vw, 19px);
    --verify-card-body-size: clamp(11.8px, 1.24vw, 13.5px);
  }
}

@media (width: 1114px) and (height: 720px) {
  /* Surface Duo spanned */
  html.capabilities-page {
    --cap-gap: 7px;
    --cap-grid-a: 0.94fr;
    --cap-grid-b: 0.84fr;
    --cap-grid-c: 1.14fr;
    --cap-title-size: clamp(29px, 3.8vw, 39px);
    --cap-lead-size: clamp(13px, 1.75vw, 17px);
    --cap-center-size: clamp(12.5px, 1.55vw, 15px);
    --cap-right-size: clamp(11.5px, 1.42vw, 14px);
    --cap-center-width: 32ch;
    --cap-title-width: 16ch;
    --cap-lead-width: 21rem;
    --cap-intro-width: 21ch;
    --cap-panel-pad: 9px;
    --cap-point-pad-y: 6px;
    --cap-detail-pad: 13px;
    --cap-frame-gap: 8px;
  }

  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-cols: minmax(300px, 0.96fr) minmax(620px, 1.12fr);
    --verify-layout-gap: 14px;
    --verify-copy-width: min(100%, 23rem);
    --verify-title-width: 21rem;
    --verify-title-size: clamp(27px, 3vw, 37px);
    --verify-intro-width: 15rem;
    --verify-intro-size: clamp(13.5px, 1.45vw, 16px);
    --verify-cards-gap: 8px;
    --verify-cards-pad: 8px;
    --verify-card-pad: 9px;
    --verify-card-title-size: clamp(13px, 1.9vw, 18px);
    --verify-card-body-size: clamp(11px, 1.02vw, 12.5px);
  }
}
@media (max-width: 920px) {
  html.capabilities-page .capDeckSlide--verificationGrid .capDeckSlide__inner {
    padding: 14px var(--cap-edge-gap-tablet) 18px;
  }

  html.capabilities-page .capDeckVerify {
    grid-template-columns: 1fr;
    height: auto;
  }

  html.capabilities-page .capDeckVerify__copyLane {
    max-width: none;
    padding: 16px 14px 8px;
  }

  html.capabilities-page .capDeckVerify__copy {
    width: 100%;
  }

  html.capabilities-page .capDeckVerify__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    height: auto;
    padding: 8px 14px 14px;
  }

  html.capabilities-page .capDeckVerify__card {
    aspect-ratio: auto;
    min-height: 220px;
  }
}

@media (max-width: 640px) {
  html.capabilities-page .capDeckVerify__cards {
    grid-template-columns: 1fr;
  }

  html.capabilities-page .capDeckVerify__card {
    min-height: 0;
  }
}

html.capabilities-page .capDeckMobile {
  display: none;
}

@media (max-width: 768px),
  (width: 820px) and (height: 1180px),
  (width: 834px) and (height: 1112px),
  (width: 1024px) and (height: 1366px),
  (width: 912px) and (height: 1368px),
  (width: 540px) and (height: 720px),
  (width: 853px) and (height: 1280px) {
  html.capabilities-page,
  html.capabilities-page body {
    scroll-snap-type: y mandatory;
    overscroll-behavior-y: contain;
  }

  html.capabilities-page main.main > .capDeckSlide {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  html.capabilities-page .siteEdgeNav {
    display: none;
  }

  html.capabilities-page .capDeckSlide:not(.capDeckSlide--hero) {
    position: relative;
    height: 100vh;
    height: 100svh;
    min-height: 100vh;
    min-height: 100svh;
    overflow: hidden;
  }

  html.capabilities-page
    .capDeckSlide:not(.capDeckSlide--hero)
    .capDeckSlide__inner {
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    padding: calc(var(--cap-header-h, 72px) - 4px) 0 0;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
  }

  html.capabilities-page .capDeckSlide__grid,
  html.capabilities-page .capDeckVerify {
    display: none !important;
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckVerify {
    display: flex !important;
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    flex-direction: column;
  }

  html.capabilities-page
    .capDeckSlide--verificationGrid
    .capDeckVerify__copyLane,
  html.capabilities-page .capDeckSlide--verificationGrid .capDeckVerify__cards {
    display: none !important;
  }

  html.capabilities-page .capDeckMobile {
    display: grid;
    grid-template-areas: "stack";
    grid-template-rows: minmax(0, 1fr);
    width: 100%;
    min-height: 0;
    flex: 1 1 auto;
    background: none;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    overflow: visible;
    isolation: isolate;
  }

  html.capabilities-page .capDeckMobile__head {
    grid-area: stack;
    align-self: start;
    z-index: 4;
    position: relative;
    display: grid;
    gap: 0;
    padding: 0 10px 0;
    justify-items: center;
    text-align: center;
    pointer-events: none;
  }

  html.capabilities-page .capDeckMobile__title {
    width: 17ch;
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    place-items: center;
    color: #f3f8fa;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.34);
    font-family: Rajdhani, system-ui, sans-serif;
    font-size: clamp(29px, 7.6vw, 40px);
    line-height: 0.95;
    font-weight: 700;
    text-align: center;
    text-wrap: balance;
  }

  html.capabilities-page .capDeckMobile__intro {
    display: none;
  }

  html.capabilities-page .capDeckMobile__viewport {
    grid-area: stack;
    min-width: 0;
    min-height: 0;
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    height: calc(100% + (var(--cap-header-h, 72px) - 4px));
    margin-top: calc(-1 * (var(--cap-header-h, 72px) - 4px));
    overflow: hidden;
    touch-action: pan-y pinch-zoom;
  }

  html.capabilities-page .capDeckMobile__track {
    --cap-mobile-card-width: 80%;
    --cap-mobile-card-gap: 12px;
    display: flex;
    gap: var(--cap-mobile-card-gap);
    height: 100%;
    align-items: start;
    padding: 0;
    overflow: visible;
    will-change: transform;
    transform: translate3d(0, 0, 0);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  html.capabilities-page .capDeckMobile__track::-webkit-scrollbar {
    display: none;
  }

  html.capabilities-page .capDeckMobile.is-dragging .capDeckMobile__track {
    transition: none !important;
  }

  html.capabilities-page .capDeckMobile.is-loop-jumping .capDeckMobile__card,
  html.capabilities-page
    .capDeckMobile.is-loop-jumping
    .capDeckMobile__card::after,
  html.capabilities-page
    .capDeckMobile.is-loop-jumping
    .capDeckMobile__dots::after {
    transition: none !important;
  }

  html.capabilities-page .capDeckMobile__card {
    position: relative;
    display: grid;
    grid-template-areas: "stack";
    grid-template-rows: minmax(0, 1fr);
    gap: 0;
    flex: 0 0 var(--cap-mobile-card-width);
    width: var(--cap-mobile-card-width);
    min-width: 0;
    min-height: 0;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
    isolation: isolate;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    contain: paint;
    transform-origin: center center;
    transform: scale(0.978);
    opacity: 0.72;
    transition:
      transform 260ms ease,
      opacity 260ms ease;
  }

  html.capabilities-page .capDeckMobile__card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    /* background: rgba(3, 10, 14, 0.38); */
    pointer-events: none;
    transition:
      opacity 260ms ease,
      background 260ms ease;
    display: none;
  }

  html.capabilities-page .capDeckMobile__card.is-active {
    transform: scale(1);
    opacity: 1;
  }

  html.capabilities-page
    .capDeckMobile__card:not(.is-active)
    .capDeckMobile__cardMedia {
    filter: none;
  }

  html.capabilities-page
    .capDeckMobile__card:not(.is-active)
    .capDeckMobile__cardImg {
    filter: blur(1.6px);
    transform: scale(1.02);
  }

  html.capabilities-page
    .capDeckSlide--verificationGrid
    .capDeckMobile__card:not(.is-active)
    .capDeckVerifyMobile__tile {
    filter: blur(1.2px);
  }

  html.capabilities-page
    .capDeckSlide--verificationGrid
    .capDeckMobile__card.is-active
    .capDeckVerifyMobile__tile {
    filter: none;
  }

  html.capabilities-page .capDeckMobile__card::after,
  html.capabilities-page .capDeckMobile__card.is-active::after {
    background: transparent;
  }

  html.capabilities-page .capDeckMobile__cardTitle {
    grid-area: stack;
    align-self: start;
    isolation: isolate;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    contain: paint;
    justify-self: center;
    z-index: 2;
    margin: clamp(112px, 24vw, 148px) 0 0;
    width: fit-content;
    max-width: calc(100% - 32px);
    padding: 10px 16px 0;
    color: rgba(244, 250, 252, 0.98);
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.5);
    font-family: Rajdhani, system-ui, sans-serif;
    font-size: clamp(16px, 4.8vw, 32px);
    line-height: 1.06;
    font-weight: 700;
    text-align: center;
    text-wrap: balance;
  }

  html.capabilities-page .capDeckMobile__cardMedia {
    grid-area: stack;
    position: relative;
    align-self: stretch;
    min-height: 100%;
    height: 100%;
    aspect-ratio: auto;
    border-radius: 0;
    overflow: hidden;
    isolation: isolate;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background:
      linear-gradient(180deg, rgba(8, 17, 24, 0.16), rgba(8, 17, 24, 0.06)),
      rgba(222, 229, 232, 0.22);
    border-left: 1px solid rgba(255, 255, 255, 0.14);
    border-right: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow:
      0 16px 36px rgba(0, 0, 0, 0.28),
      inset 0 1px 0 rgba(255, 255, 255, 0.18);
  }

  html.capabilities-page .capDeckMobile__cardMedia.has-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      180deg,
      rgba(7, 17, 22, 0.5) 0%,
      rgba(7, 17, 22, 0.22) 22%,
      rgba(7, 17, 22, 0.06) 48%,
      rgba(7, 17, 22, 0.54) 100%
    );
    pointer-events: none;
  }

  html.capabilities-page .capDeckMobile__cardImg,
  html.capabilities-page .capDeckMobile__cardPh {
    width: 100%;
    height: 100%;
    min-height: 0;
  }

  html.capabilities-page .capDeckMobile__cardImg {
    display: block;
    object-fit: cover;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    transition:
      filter 180ms linear,
      transform 260ms ease;
  }

  html.capabilities-page
    .capDeckMobile__cardMedia.is-contain
    .capDeckMobile__cardImg {
    object-fit: contain;
    background: rgba(238, 243, 245, 0.94);
  }

  html.capabilities-page .capDeckMobile__cardPh {
    display: grid;
    place-items: center;
    color: rgba(233, 84, 84, 0.92);
    font-family: Rajdhani, system-ui, sans-serif;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  html.capabilities-page .capDeckMobile__cardBody {
    grid-area: stack;
    align-self: end;
    isolation: isolate;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    contain: paint;
    justify-self: center;
    z-index: 2;
    width: auto;
    max-width: calc(100% - 32px);
    margin: 0 0 clamp(22px, 4vw, 28px);
    padding: 16px 16px 14px;
    border-radius: 0;
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.67) 19%,
      rgba(0, 0, 0, 1) 51%,
      rgba(0, 0, 0, 0.7) 60%,
      rgba(0, 0, 0, 0) 100%
    );
    border: 0;
    box-shadow: none;
    color: rgba(241, 247, 249, 0.96);
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.26);
    font-family: Rajdhani, system-ui, sans-serif;
    font-size: 21px;
    line-height: 1.32;
    text-align: center;
    text-wrap: pretty;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    transform: translateY(-6dvh);
  }

  html.capabilities-page .capDeckMobile__dots {
    --cap-mobile-progress-x: 0%;
    --cap-mobile-progress-width: 25%;
    grid-area: stack;
    position: relative;
    align-self: end;
    width: 100vw;
    height: 16px;
    margin: 0 calc(50% - 50vw) 0;
    padding: 0;
    pointer-events: none;
    z-index: 4;
    transform: translateY(-6px);
  }

  html.capabilities-page .capDeckMobile__dots::before,
  html.capabilities-page .capDeckMobile__dots::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 4px;
    border-radius: 999px;
    transform: translateY(-50%);
  }

  html.capabilities-page .capDeckMobile__dots::before {
    width: 100%;
    background: rgba(255, 255, 255, 0.26);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18);
  }

  html.capabilities-page .capDeckMobile__dots::after {
    width: var(--cap-mobile-progress-width);
    left: var(--cap-mobile-progress-x);
    background: linear-gradient(
      90deg,
      rgba(246, 251, 252, 0.96),
      rgba(173, 228, 241, 0.94)
    );
    box-shadow: 0 0 16px rgba(204, 243, 252, 0.34);
    transition:
      left 320ms ease,
      width 320ms ease;
  }

  html.capabilities-page .capDeckMobile__dot {
    display: none;
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckMobile {
    display: grid;
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckMobile__head {
    grid-area: stack;
    align-self: start;
    margin: 0;
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckMobile__title {
    color: #eff9fb;
  }

  html.capabilities-page
    .capDeckSlide--verificationGrid
    .capDeckMobile__viewport {
    touch-action: pan-y pinch-zoom;
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckMobile__track {
    --cap-mobile-card-width: 82%;
    --cap-mobile-card-gap: 12px;
    align-items: stretch;
  }

  html.capabilities-page .capDeckSlide--verificationGrid {
    background: transparent;
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckVerify__bg {
    display: block !important;
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckVerify__shade {
    display: none !important;
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckVerify,
  html.capabilities-page .capDeckSlide--verificationGrid .capDeckSlide__inner,
  html.capabilities-page .capDeckSlide--verificationGrid .capDeckMobile,
  html.capabilities-page
    .capDeckSlide--verificationGrid
    .capDeckMobile__viewport,
  html.capabilities-page .capDeckSlide--verificationGrid .capDeckMobile__track,
  html.capabilities-page .capDeckSlide--verificationGrid .capDeckMobile__card,
  html.capabilities-page
    .capDeckSlide--verificationGrid
    .capDeckVerifyMobile__stack {
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html.capabilities-page
    .capDeckSlide--verificationGrid
    .capDeckMobile__card::before,
  html.capabilities-page
    .capDeckSlide--verificationGrid
    .capDeckMobile__card::after {
    display: none !important;
    background: transparent !important;
    box-shadow: none !important;
    content: none !important;
  }

  html.capabilities-page .capDeckVerifyMobile__card {
    opacity: 0.74;
  }

  html.capabilities-page .capDeckVerifyMobile__card.is-active {
    opacity: 1;
  }

  html.capabilities-page .capDeckVerifyMobile__stack {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: clamp(128px, 29vw, 174px) 0 26px;
    box-sizing: border-box;
  }

  html.capabilities-page .capDeckVerifyMobile__tile {
    min-height: 0;
    border-radius: 22px;
    isolation: isolate;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    contain: paint;
    background: linear-gradient(
      180deg,
      rgb(9 32 23 / 37%) 0%,
      rgb(12 60 103 / 35%) 100%
    );

    border: 1px solid rgba(214, 242, 248, 0.18);
    box-shadow:
      0 18px 36px rgba(0, 0, 0, 0.22),
      inset 0 1px 0 rgba(255, 255, 255, 0.08);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 14px;
    text-align: center;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transition: filter 260ms ease;
    will-change: filter;
  }

  html.capabilities-page .capDeckVerifyMobile__tileTitle {
    margin: 0;
    color: rgba(241, 248, 250, 0.98);
    font-family: Rajdhani, system-ui, sans-serif;
    font-size: clamp(17px, 4.9vw, 22px);
    line-height: 1.04;
    font-weight: 700;
    text-wrap: balance;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.26);
  }

  html.capabilities-page .capDeckVerifyMobile__tileBody {
    margin: 0;
    color: rgba(231, 242, 246, 0.94);
    font-family: Rajdhani, system-ui, sans-serif;
    font-size: 13.5px;
    line-height: 1.24;
    text-wrap: pretty;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }
}

@media (max-width: 480px) {
  html.capabilities-page
    .capDeckSlide:not(.capDeckSlide--hero)
    .capDeckSlide__inner {
    padding: calc(var(--cap-header-h, 72px) - 8px) 0 0;
  }

  html.capabilities-page .capDeckMobile__head {
    padding: 0 8px 0;
    gap: 0;
    transform: translateY(-40px);
  }

  html.capabilities-page .capDeckMobile__title {
    width: 19ch;
    max-width: 100%;
    margin-inline: auto;
    display: grid;
    place-items: center;
    font-size: clamp(26px, 7.4vw, 34px);
    text-align: center;
  }

  html.capabilities-page .capDeckMobile__track {
    gap: 12px;
  }

  html.capabilities-page .capDeckMobile__card {
    gap: 0;
    flex-basis: 86%;
  }

  html.capabilities-page .capDeckMobile__cardTitle {
    margin-top: clamp(132px, 31vw, 176px);
    max-width: 100%;
    min-height: 90px;
    padding: 14px;
    font-size: clamp(15px, 6.1vw, 21px);
    background: rgba(3, 0, 32, 0.42);
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    border-left: 2px solid #ffffffb3;
    border-right: 2px solid #ffffffb3;
  }

  html.capabilities-page .capDeckMobile__cardMedia {
    border-radius: 0;
  }

  html.capabilities-page .capDeckMobile__cardBody {
    /* margin-bottom: 30px;
    padding: 14px 12px;
    font-size: 14px;
    -webkit-line-clamp: 4;
    transform: none;
    height: auto;
    min-height: 0;
    background: red; */

    max-width: 100%;
    /* margin-top: clamp(132px, 31vw, 176px); */
    min-height: 120px;
    padding: 14px;
    font-size: clamp(15px, 6.1vw, 18px);
    /* background: red; */
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 44%,
      rgba(0, 0, 0, 0.9) 50%,
      rgba(0, 0, 0, 0.8) 56%,
      rgba(0, 0, 0, 0) 100%
    );
    /* transform: translateY(-25px);*/
    transform: translateY(-6dvh);
  }

  html.capabilities-page .capDeckMobile__dots {
    height: 14px;
    margin-top: 0;
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckMobile__track {
    --cap-mobile-card-width: 86%;
    --cap-mobile-card-gap: 12px;
  }

  html.capabilities-page .capDeckVerifyMobile__stack {
    gap: 10px;
    padding-top: clamp(126px, 31vw, 170px);
    padding-bottom: 18px;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html.capabilities-page .capDeckVerifyMobile__tile {
    border-radius: 10px;
    padding: 12px;
    gap: 8px;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: blur(5px);
    max-height: 39dvh;
  }

  html.capabilities-page .capDeckVerifyMobile__tileTitle {
    font-size: 6dvw;
  }

  html.capabilities-page .capDeckVerifyMobile__tileBody {
    font-size: 2.2dvh;
    line-height: 1.2;
    padding-top: 20px;
  }
}


/* ===== Force iPad Mini mobile deck tuning on selected tablet presets ===== */
@media (width: 768px) and (height: 1024px),
  (width: 820px) and (height: 1180px),
  (width: 834px) and (height: 1112px),
  (width: 1024px) and (height: 1366px),
  (width: 912px) and (height: 1368px),
  (width: 540px) and (height: 720px),
  (width: 853px) and (height: 1280px) {
  html.capabilities-page .capDeckMobile__head {
    padding: 0 16px 0;
    transform: translateY(-8px);
    justify-items: center;
  }

  html.capabilities-page .capDeckMobile__title {
    width: 23ch;
    margin-inline: auto;
    display: grid;
    place-items: center;
    font-size: clamp(34px, 5vw, 44px);
    line-height: 0.96;
    text-align: center;
    text-wrap: balance;
  }

  html.capabilities-page .capDeckMobile__track {
    --cap-mobile-card-width: 82%;
    --cap-mobile-card-gap: 14px;
  }

  html.capabilities-page .capDeckMobile__cardTitle {
    margin-top: clamp(138px, 20vw, 176px);
    max-width: calc(100% - 56px);
    min-height: 0;
    padding: 14px 18px 0;
    font-size: clamp(18px, 4vw, 32px);
    transform: none;
    background: transparent;
    display: block;
    align-items: initial;
    justify-content: initial;
    text-align: center;
    border-left: 0;
    border-right: 0;
  }

  html.capabilities-page .capDeckMobile__cardBody {
    max-width: 100%;
    min-height: 0;
    margin-bottom: clamp(28px, 3vw, 34px);
    padding: 18px 18px 16px;
    /* font-size: 15px; */
    font-size: 2dvh;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    transform: translateY(-6dvh);
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.67) 19%,
      rgba(0, 0, 0, 1) 51%,
      rgba(0, 0, 0, 0.7) 60%,
      rgba(0, 0, 0, 0) 100%
    );
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckMobile__track {
    --cap-mobile-card-width: 84%;
    --cap-mobile-card-gap: 14px;
  }

  html.capabilities-page .capDeckVerifyMobile__stack {
    gap: 12px;
    padding-top: clamp(138px, 21vw, 178px);
    padding-bottom: 20px;
  }

  html.capabilities-page .capDeckVerifyMobile__tile {
    padding: 14px;
    max-height: 38dvh;
    border-radius: 22px;
  }

  html.capabilities-page .capDeckVerifyMobile__tileTitle {
    /* font-size: clamp(18px, 4.3vw, 30px); */
    font-size: 5dvw;

  }

  html.capabilities-page .capDeckVerifyMobile__tileBody {
    font-size: 2.2dvh;
    line-height: 1.24;
  }
}

/* Capabilities mobile: center the verification-grid tile copy like the
   standard mobile card body so the last slide text blocks stay visually
   balanced. */
@media (max-width: 768px),
  (width: 820px) and (height: 1180px),
  (width: 834px) and (height: 1112px),
  (width: 1024px) and (height: 1366px),
  (width: 912px) and (height: 1368px),
  (width: 540px) and (height: 720px),
  (width: 853px) and (height: 1280px) {
  html.capabilities-page .capDeckSlide--verificationGrid .capDeckVerifyMobile__tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckVerifyMobile__tile > * {
    width: 100%;
    max-width: 40ch;
    box-sizing: border-box;
    text-align: center;
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckVerifyMobile__tileTitle {
    margin: 0;
  }

  html.capabilities-page .capDeckSlide--verificationGrid .capDeckVerifyMobile__tileBody {
    margin: 0;
    min-height: 0;
    padding-top: 2dvh;
    padding-inline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: visible;
    -webkit-line-clamp: unset;
  }
}

/* Capabilities mobile: treat the footer as a full final slide so the
   previous capability slide does not remain visible behind it. */
@media (max-width: 768px),
  (width: 820px) and (height: 1180px),
  (width: 834px) and (height: 1112px),
  (width: 1024px) and (height: 1366px),
  (width: 912px) and (height: 1368px),
  (width: 540px) and (height: 720px),
  (width: 853px) and (height: 1280px) {
  html.capabilities-page > body > .siteFooter,
  html.capabilities-page .siteFooter:not(.siteFooter--embed) {
    position: relative;
    z-index: 2;
    min-height: 100vh;
    min-height: 100svh;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    overflow: hidden;
  }

  html.capabilities-page > body > .siteFooter > .siteFooter__inner,
  html.capabilities-page .siteFooter:not(.siteFooter--embed) .siteFooter__inner {
    min-height: 100vh;
    min-height: 100svh;
    box-sizing: border-box;
    padding:
      calc(var(--cap-header-h, var(--siteHeaderH, 72px)) + 14px)
      clamp(14px, 4vw, 20px)
      16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  html.capabilities-page .siteFooter:not(.siteFooter--embed) .footerCols {
    gap: 12px 16px;
    align-content: start;
  }

  html.capabilities-page .siteFooter:not(.siteFooter--embed) .footerColTitle {
    margin-bottom: 6px;
  }

  html.capabilities-page .siteFooter:not(.siteFooter--embed) .footerLink {
    padding-top: 8px;
    line-height: 1.25;
  }

  html.capabilities-page .siteFooter:not(.siteFooter--embed) .footerBar {
    margin-top: 14px;
    padding-top: 14px;
  }
}


/* ===== Shared large-tablet portrait tuning =====
   Use the iPad Air typography/layout values on both iPad Pro portrait presets,
   while keeping the working portrait slide treatment across Air/Pro tablets. */
@media (width: 820px) and (height: 1180px),
  (width: 834px) and (height: 1112px),
  (width: 1024px) and (height: 1366px),
  (width: 912px) and (height: 1368px) {
  html.capabilities-page {
    --cap-gap: 8px;
    --cap-grid-a: 0.94fr;
    --cap-grid-b: 0.84fr;
    --cap-grid-c: 1.16fr;
    --cap-title-size: clamp(30px, 4.2vw, 40px);
    --cap-lead-size: clamp(14px, 2vw, 18px);
    --cap-center-size: clamp(13px, 1.8vw, 16px);
    --cap-right-size: clamp(12px, 1.7vw, 15px);
    --cap-center-width: 34ch;
    --cap-title-width: 17ch;
    --cap-lead-width: 22rem;
    --cap-intro-width: 22ch;
    --cap-panel-pad: 10px;
    --cap-point-pad-y: 7px;
    --cap-detail-pad: 14px;
    --cap-frame-gap: 8px;
  }

  html.capabilities-page .capDeckSlide--verificationGrid {
    --verify-layout-cols: minmax(300px, 0.96fr) minmax(460px, 1.14fr);
    --verify-layout-gap: 14px;
    --verify-copy-width: min(100%, 24rem);
    --verify-title-width: 22rem;
    --verify-title-size: clamp(28px, 3.9vw, 38px);
    --verify-intro-width: 16rem;
    --verify-intro-size: clamp(14px, 1.8vw, 17px);
    --verify-cards-gap: 9px;
    --verify-cards-pad: 9px;
    --verify-card-pad: 10px;
    --verify-card-title-size: clamp(14px, 2.3vw, 19px);
    --verify-card-body-size: clamp(11.8px, 1.35vw, 13.5px);
  }
}