/* QDeep: readable, static layout with motion handled by the shared JS engine. */
.qd-motion-root {
  --qd-accent: #ea5b1e;
  isolation: isolate;
}

.qd-motion-root.qd-home {
  font-family: "Space Grotesk", sans-serif;
}

/* Disable every legacy CSS animation, including inline declarations. */
.qd-motion-root,
.qd-motion-root *,
.qd-motion-root *::before,
.qd-motion-root *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}

.qd-motion-root .qd-section {
  position: relative;
  scroll-margin-top: 112px;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

.qd-motion-root.qd-home .qd-section {
  border-top: 0 !important;
}

.qd-motion-root .qd-section-content,
.qd-motion-root .qd-hero-content,
.qd-motion-root .qd-heading,
.qd-motion-root :is(h1, h2, h3, p) {
  opacity: 1 !important;
}

/* Existing heading spans keep their line breaks without clipping or motion. */
.qd-motion-root .qd-line-mask,
.qd-motion-root .qd-line {
  display: block;
  max-width: 100%;
  overflow: visible;
  opacity: 1 !important;
  transform: none !important;
}

.qd-motion-root .qd-hero {
  min-height: 100vh;
  min-height: 100svh;
}

/* Keep the celestial detail clear of the floating navigation. */
.qd-motion-root.qd-home .qd-hero-art {
  top: 108px !important;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 32px, #000 calc(100% - 200px), transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 32px, #000 calc(100% - 200px), transparent);
}

/* Artwork remains aligned with the bounds of its matching fade layer. */
.qd-motion-root .qd-motion-image,
.qd-motion-root .qd-side-image {
  pointer-events: none;
  transform: none !important;
  clip-path: none !important;
}

.qd-motion-root .qd-art-shell {
  overflow: hidden;
  transform: none !important;
  clip-path: none !important;
}

/* Fade only full-width artwork at chapter edges; copy remains untouched. */
.qd-motion-root.qd-home .qd-section > .qd-art-shell:not(.qd-side-image) {
  --qd-section-art-fade: 180px;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--qd-section-art-fade), #000 calc(100% - var(--qd-section-art-fade)), transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0, #000 var(--qd-section-art-fade), #000 calc(100% - var(--qd-section-art-fade)), transparent 100%);
}

.qd-motion-root .qd-art-surface {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: inherit;
  transform: perspective(var(--qd-art-perspective, 1600px)) translate3d(0, var(--qd-art-y, 0px), 0) rotateX(var(--qd-art-rx, 0deg)) rotateY(var(--qd-art-ry, 0deg)) scale(var(--qd-art-scale, 1.1));
  transform-origin: center;
  will-change: auto;
  backface-visibility: hidden;
}

/* Copy planes share depth without assigning perspective to the chapter. */
.qd-motion-root .qd-depth-copy {
  transform-style: preserve-3d;
}

.qd-motion-root .qd-depth-item {
  backface-visibility: hidden;
}

.qd-motion-root.qd-home .qd-reading-track {
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 0;
  height: 1px;
  overflow: hidden;
  pointer-events: none;
  background: rgba(244, 242, 239, .08);
}

.qd-motion-root.qd-home .qd-reading-track span {
  display: block;
  width: 100%;
  height: 100%;
  background: #bd9d73;
  transform: scaleX(0);
  transform-origin: left;
}

.qd-motion-root .qd-side-right {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 28%, #000);
  mask-image: linear-gradient(to right, transparent, #000 28%, #000);
}

.qd-motion-root .qd-side-left {
  -webkit-mask-image: linear-gradient(to left, transparent, #000 28%, #000);
  mask-image: linear-gradient(to left, transparent, #000 28%, #000);
}

.qd-motion-root.qd-home .qd-section > .qd-side-image {
  --qd-section-art-fade: 180px;
  -webkit-mask-composite: source-in, source-over;
  mask-composite: intersect, add;
}

.qd-motion-root.qd-home .qd-section > .qd-side-right {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 28%, #000), linear-gradient(to bottom, transparent, #000 var(--qd-section-art-fade), #000 calc(100% - var(--qd-section-art-fade)), transparent);
  mask-image: linear-gradient(to right, transparent, #000 28%, #000), linear-gradient(to bottom, transparent, #000 var(--qd-section-art-fade), #000 calc(100% - var(--qd-section-art-fade)), transparent);
}

.qd-motion-root.qd-home .qd-section > .qd-side-left {
  -webkit-mask-image: linear-gradient(to left, transparent, #000 28%, #000), linear-gradient(to bottom, transparent, #000 var(--qd-section-art-fade), #000 calc(100% - var(--qd-section-art-fade)), transparent);
  mask-image: linear-gradient(to left, transparent, #000 28%, #000), linear-gradient(to bottom, transparent, #000 var(--qd-section-art-fade), #000 calc(100% - var(--qd-section-art-fade)), transparent);
}

.qd-motion-root .qd-nav {
  opacity: 1 !important;
  transform: none !important;
}

.qd-motion-root .qd-nav.qd-nav-scrolled {
  background: rgba(13, 11, 10, .9) !important;
  border-color: rgba(234, 91, 30, .3) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .4) !important;
}

/* A solid reading bar avoids repainting the moving photographs through blur. */
.qd-motion-root.qd-home .qd-nav {
  background: rgba(15, 15, 16, .96) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Controls have brief color feedback and keep a fixed position. */
.qd-motion-root .qd-motion-button,
.qd-motion-root .qd-nav button,
.qd-motion-root .qd-nav a {
  translate: none !important;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease !important;
}

@media (hover: hover) and (pointer: fine) {
  .qd-motion-root .qd-button-primary:hover {
    background-color: #f27135 !important;
  }

  .qd-motion-root .qd-motion-button.qd-button-outline:hover {
    background-color: rgba(234, 91, 30, .09) !important;
    border-color: rgba(234, 91, 30, .6) !important;
  }
}

.qd-motion-root :is(button, a, input):focus-visible {
  outline: 2px solid #ffc79c;
  outline-offset: 5px;
}

.qd-motion-root .qd-scroll-cue {
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(244, 242, 239, .64);
  cursor: pointer;
  opacity: 1 !important;
  transform: none !important;
}

.qd-motion-root .qd-menu-panel {
  opacity: 1 !important;
  transform: none !important;
}

.qd-motion-root.qd-home #solutions .qd-heading {
  font-size: clamp(40px, 5.4vw, 78px) !important;
}

.qd-motion-root.qd-home #solutions p {
  color: #e2dfda !important;
  max-width: 540px !important;
}

.qd-motion-root.qd-home .qd-hero h1 {
  text-shadow: 0 3px 28px rgba(0, 0, 0, .55);
}

.qd-motion-root.qd-home .qd-hero p {
  color: rgba(244, 242, 239, .92) !important;
  text-shadow: 0 2px 16px rgba(0, 0, 0, .65);
}

@media (max-width: 1100px) {
  .qd-motion-root .qd-nav {
    left: 24px !important;
    right: 24px !important;
  }
  .qd-motion-root.qd-home .qd-hero .qd-motion-image,
  .qd-motion-root.qd-home .qd-hero .qd-art-surface {
    background-position: center top !important;
  }
  .qd-motion-root.qd-home .qd-hero-art {
    bottom: auto !important;
    height: auto !important;
    width: 100%;
    aspect-ratio: 16 / 9;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 16px, #000 calc(100% - 112px), transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 16px, #000 calc(100% - 112px), transparent);
  }
  .qd-motion-root.qd-home .qd-hero .qd-hero-reading-shade {
    background: radial-gradient(85% 48% at 50% 49%, rgba(10,10,11,.52), rgba(10,10,11,.24) 65%, transparent 100%) !important;
  }
}

@media (max-width: 760px) {
  .qd-motion-root .qd-section { scroll-margin-top: 96px; }
  .qd-motion-root.qd-home .qd-section > .qd-side-image { --qd-section-art-fade: 120px; }
  .qd-motion-root.qd-home .qd-section > .qd-art-shell:not(.qd-side-image) { --qd-section-art-fade: 120px; }
  .qd-motion-root .qd-padded-section { padding: 80px 24px !important; }
  .qd-motion-root .qd-section .qd-content-grid { grid-template-columns: minmax(0, 1fr) !important; }

  .qd-motion-root .qd-nav {
    top: 12px !important;
    left: 14px !important;
    right: 14px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
  }

  .qd-motion-root .qd-nav > div { gap: 8px !important; }
  .qd-motion-root .qd-nav img { height: 29px !important; }

  .qd-motion-root .qd-nav button:not([aria-label]) {
    padding: 12px 18px !important;
    font-size: 13px !important;
  }

  .qd-motion-root .qd-nav button[aria-label] {
    width: 40px !important;
    height: 40px !important;
  }

  .qd-motion-root .qd-menu-panel {
    top: 88px !important;
    right: 14px !important;
    max-width: calc(100vw - 28px) !important;
  }

  .qd-motion-root .qd-hero-content {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .qd-motion-root.qd-home .qd-hero-art {
    top: 88px !important;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12px, #000 calc(100% - 64px), transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 12px, #000 calc(100% - 64px), transparent);
  }

  .qd-motion-root.qd-home .qd-hero-content {
    justify-content: flex-start !important;
    padding-top: calc(88px + 56.25vw + 28px) !important;
    padding-bottom: 24px !important;
  }

  .qd-motion-root .qd-hero h1 {
    font-size: clamp(38px, 9vw, 64px) !important;
    line-height: 1.06 !important;
  }

  .qd-motion-root .qd-hero p { font-size: 17px !important; }
  .qd-motion-root.qd-home .qd-hero .qd-hero-reading-shade {
    background: radial-gradient(95% 42% at 50% 49%, rgba(10,10,11,.70), rgba(10,10,11,.42) 65%, transparent 100%) !important;
  }
  .qd-motion-root.qd-home #solutions .qd-cloud-scrim {
    background: linear-gradient(180deg, rgba(11, 11, 12, .58), rgba(11, 11, 12, .5)) !important;
  }
  .qd-motion-root.qd-home .qd-hero .qd-motion-image {
    background-size: cover !important;
    background-position: center top !important;
  }

  .qd-motion-root.qd-home .qd-hero .qd-art-surface {
    background-size: cover !important;
    background-position: center top !important;
  }
  .qd-motion-root .qd-scroll-cue { padding-bottom: 32px !important; }

  .qd-motion-root section > .qd-section-content {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .qd-motion-root.qd-home .qd-section {
    min-height: 0 !important;
    padding-block: 0;
  }

  .qd-motion-root.qd-home .qd-section > .qd-section-content {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }

  .qd-motion-root.qd-home .qd-section:first-of-type > .qd-section-content {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }

  .qd-motion-root.qd-home .qd-pillar-copy {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 480px;
  }

  .qd-motion-root.qd-home #platform > .qd-section-content {
    justify-content: flex-start !important;
  }

  .qd-motion-root.qd-home #platform .qd-motion-image {
    width: 100% !important;
    opacity: .3;
    background-position: center bottom !important;
  }

  .qd-motion-root.qd-home #platform .qd-art-surface {
    background-position: center bottom !important;
  }

  .qd-motion-root.qd-home #platform .qd-image-fade {
    width: 100% !important;
    background: linear-gradient(180deg, rgba(10, 10, 11, .35), rgba(10, 10, 11, .7)) !important;
  }

  .qd-motion-root .qd-detail-row {
    flex-wrap: wrap;
    gap: 12px 18px !important;
  }

  .qd-motion-root .qd-detail-row > div:last-child {
    flex-basis: 100% !important;
  }

  .qd-motion-root .qd-row-label {
    width: auto !important;
  }

  .qd-motion-root footer {
    padding: 56px 24px 32px !important;
  }

  .qd-motion-root .qd-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 36px 24px !important;
  }

}

@media (max-width: 420px) {
  .qd-motion-root .qd-nav img { height: 25px !important; }
  .qd-motion-root .qd-nav button:not([aria-label]) { padding: 12px !important; }
  .qd-motion-root .qd-nav button[aria-label] { width: 36px !important; height: 38px !important; }
}

/* QAI keeps its mosaic separate from the reading column. */
.qd-motion-root.qd-home #impact.qd-qai-section {
  min-height: 920px !important;
  background: #0a0a0b;
  font-family: "Space Grotesk", sans-serif;
}

.qd-motion-root.qd-home #impact .qd-qai-art,
.qd-motion-root.qd-home #impact .qd-qai-art .qd-art-surface {
  background-position: 62% 50% !important;
}

.qd-motion-root.qd-home #impact .qd-qai-content {
  z-index: 1;
  padding-top: 112px !important;
  padding-bottom: 112px !important;
}

.qd-motion-root.qd-home #impact .qd-qai-copy {
  max-width: 520px;
  text-align: left;
}

.qd-motion-root.qd-home #impact .qd-qai-eyebrow {
  margin: 0 0 26px;
  font-family: inherit !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #ef824d;
}

.qd-motion-root.qd-home #impact .qd-qai-title {
  margin: 0 0 25px !important;
  font-size: clamp(100px, 12vw, 168px) !important;
  font-weight: 600 !important;
  line-height: .9 !important;
  letter-spacing: -.065em !important;
  color: #f4f2ef;
}

.qd-motion-root.qd-home #impact .qd-qai-tagline {
  max-width: 520px;
  margin: 0 0 23px;
  font-size: clamp(26px, 2.5vw, 34px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.035em;
  color: #f4f2ef;
}

.qd-motion-root.qd-home #impact .qd-qai-description {
  max-width: 450px;
  margin: 0 0 33px;
  font-size: 18px;
  line-height: 1.65;
  color: #cecbc6;
  text-wrap: pretty;
}

.qd-motion-root.qd-home #impact .qd-qai-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.qd-motion-root.qd-home #impact .qd-qai-actions button {
  min-height: 48px;
  padding: 15px 24px !important;
  font-size: 14px !important;
}

.qd-motion-root.qd-home #impact .qd-qai-features {
  max-width: 510px;
  margin-top: 48px;
  border-bottom: 1px solid rgba(244, 242, 239, .14);
}

.qd-motion-root.qd-home #impact .qd-qai-feature {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr);
  align-items: start !important;
  gap: 24px !important;
  padding: 21px 0 !important;
  border-top: 1px solid rgba(244, 242, 239, .14) !important;
  background: transparent;
}

.qd-motion-root.qd-home #impact .qd-qai-feature-label {
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -.015em;
  color: #eeece8;
}

.qd-motion-root.qd-home #impact .qd-qai-feature-detail {
  margin: 0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #aeaaa5;
}

@media (min-width: 761px) and (max-width: 1100px) {
  .qd-motion-root.qd-home #impact .qd-qai-copy { max-width: 480px; }
  .qd-motion-root.qd-home #impact .qd-qai-art,
  .qd-motion-root.qd-home #impact .qd-qai-fade { width: 68% !important; }
  .qd-motion-root.qd-home #impact .qd-qai-features { max-width: 460px; }
  .qd-motion-root.qd-home #impact .qd-qai-feature { grid-template-columns: 138px minmax(0, 1fr); gap: 20px !important; }
}

@media (max-width: 760px) {
  .qd-motion-root.qd-home #impact.qd-qai-section { min-height: 0 !important; }

  .qd-motion-root.qd-home #impact .qd-qai-art,
  .qd-motion-root.qd-home #impact .qd-qai-fade {
    inset: 0 0 auto !important;
    width: 100% !important;
    height: 410px !important;
  }

  .qd-motion-root.qd-home #impact .qd-qai-art {
    background-position: 62% 45% !important;
    -webkit-mask-image: linear-gradient(to bottom, #000 74%, transparent 100%) !important;
    mask-image: linear-gradient(to bottom, #000 74%, transparent 100%) !important;
    -webkit-mask-composite: source-over;
    mask-composite: add;
  }

  .qd-motion-root.qd-home #impact .qd-qai-art .qd-art-surface {
    background-position: 62% 45% !important;
  }

  .qd-motion-root.qd-home #impact .qd-qai-fade {
    background: linear-gradient(to bottom, rgba(10, 10, 11, .12) 0%, transparent 40%, transparent 65%, #0a0a0b 100%) !important;
  }

  .qd-motion-root.qd-home #impact .qd-qai-shade {
    background: linear-gradient(to bottom, #0a0a0b, transparent 80px) !important;
  }

  .qd-motion-root.qd-home #impact > .qd-qai-content {
    padding-top: 436px !important;
    padding-bottom: 88px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .qd-motion-root.qd-home #impact .qd-qai-copy { max-width: 600px; }
  .qd-motion-root.qd-home #impact .qd-qai-eyebrow { margin-bottom: 23px; font-size: 11px; letter-spacing: .1em; }
  .qd-motion-root.qd-home #impact .qd-qai-title { font-size: clamp(100px, 23vw, 152px) !important; margin-bottom: 22px !important; }
  .qd-motion-root.qd-home #impact .qd-qai-tagline { font-size: clamp(26px, 5.6vw, 34px); margin-bottom: 21px; }
  .qd-motion-root.qd-home #impact .qd-qai-description { max-width: 540px; font-size: 17px; margin-bottom: 30px; }
  .qd-motion-root.qd-home #impact .qd-qai-features { max-width: 600px; margin-top: 38px; }
  .qd-motion-root.qd-home #impact .qd-qai-feature { grid-template-columns: 150px minmax(0, 1fr); gap: 22px !important; padding: 20px 0 !important; }
}

@media (max-width: 480px) {
  .qd-motion-root.qd-home #impact .qd-qai-art,
  .qd-motion-root.qd-home #impact .qd-qai-fade { height: 350px !important; }
  .qd-motion-root.qd-home #impact > .qd-qai-content { padding-top: 375px !important; }
  .qd-motion-root.qd-home #impact .qd-qai-title { font-size: 104px !important; }
  .qd-motion-root.qd-home #impact .qd-qai-actions { gap: 10px; }
  .qd-motion-root.qd-home #impact .qd-qai-actions button { padding: 14px 18px !important; font-size: 13px !important; }
  .qd-motion-root.qd-home #impact .qd-qai-feature { grid-template-columns: 1fr; gap: 7px !important; }
  .qd-motion-root.qd-home #impact .qd-qai-feature-label { font-size: 16px; }
  .qd-motion-root.qd-home #impact .qd-qai-feature-detail { font-size: 14px; }
}

/* Adjacent scenes meet in the same charcoal, with a restrained stone grade. */
.qd-motion-root.qd-home {
  --qd-scene-base: #0a0a0b;
  --qd-scene-edge: clamp(72px, 10vh, 112px);
}

.qd-motion-root.qd-home .qd-section:not(.qd-trinity-section) {
  background-color: var(--qd-scene-base) !important;
}

.qd-motion-root.qd-home .qd-section:not(.qd-trinity-section) > .qd-art-shell {
  --qd-section-art-fade: var(--qd-scene-edge);
  filter: saturate(.84) contrast(.98) !important;
}

.qd-motion-root.qd-home .qd-section:not(.qd-trinity-section) > .qd-art-shell:not(.qd-side-image) {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .46) calc(var(--qd-scene-edge) * .35), #000 var(--qd-scene-edge), #000 calc(100% - var(--qd-scene-edge)), rgba(0, 0, 0, .46) calc(100% - var(--qd-scene-edge) * .35), transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .46) calc(var(--qd-scene-edge) * .35), #000 var(--qd-scene-edge), #000 calc(100% - var(--qd-scene-edge)), rgba(0, 0, 0, .46) calc(100% - var(--qd-scene-edge) * .35), transparent 100%);
}

/* Image masks do the edge blend; a second black overlay would create a band. */
.qd-motion-root.qd-home .qd-section:not(.qd-trinity-section) > div[style*="linear-gradient"][style*="to top"][style*="inset"],
.qd-motion-root.qd-home #impact .qd-qai-shade {
  background: none !important;
}

.qd-motion-root.qd-home .qd-section:not(.qd-trinity-section) > div[style*="radial-gradient"][style*="rgba(234"],
.qd-motion-root.qd-home .qd-hero > div[style*="radial-gradient"][style*="rgba(234"] {
  background: radial-gradient(ellipse at 50% 50%, rgba(164, 155, 142, .035), transparent 72%) !important;
}

/* Keep the original hero photograph while removing the burnt orange underlay. */
.qd-motion-root.qd-home .qd-hero > div:first-child {
  background: radial-gradient(120% 80% at 50% 110%, #272526 0%, #1b1a1b 28%, #111112 52%, var(--qd-scene-base) 78%, var(--qd-scene-base) 100%) !important;
}

/* Every hero layer settles into the divider's exact charcoal at its lower edge. */
.qd-motion-root.qd-home .qd-hero::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 128px;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent, var(--qd-scene-base));
}

.qd-motion-root.qd-home .qd-hero-content { z-index: 3; }

.qd-motion-root.qd-home .qd-hero-art {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 32px, #000 calc(100% - var(--qd-scene-edge)), transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0, #000 32px, #000 calc(100% - var(--qd-scene-edge)), transparent 100%);
}

.qd-motion-root.qd-home #solutions .qd-cloud-scrim {
  background: linear-gradient(90deg, rgba(10, 10, 11, .82) 0%, rgba(10, 10, 11, .66) 32%, rgba(10, 10, 11, .28) 68%, rgba(10, 10, 11, .14) 100%) !important;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .18), #000 180px);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .18), #000 180px);
}

.qd-motion-root.qd-home #solutions > .qd-cloud-art {
  opacity: 1 !important;
  background-position: center top !important;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 24px, #000 calc(100% - 280px), rgba(0, 0, 0, .32) calc(100% - 140px), transparent calc(100% - 96px), transparent 100%) !important;
  mask-image: linear-gradient(to bottom, transparent, #000 24px, #000 calc(100% - 280px), rgba(0, 0, 0, .32) calc(100% - 140px), transparent calc(100% - 96px), transparent 100%) !important;
}

.qd-motion-root.qd-home #solutions .qd-cloud-art .qd-art-surface {
  background-position: center top !important;
}

@media (max-width: 1100px) {
  .qd-motion-root.qd-home .qd-hero-art {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 16px, #000 calc(100% - var(--qd-scene-edge)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 16px, #000 calc(100% - var(--qd-scene-edge)), transparent 100%);
  }
}

@media (max-width: 760px) {
  .qd-motion-root.qd-home { --qd-scene-edge: 64px; }
  .qd-motion-root.qd-home .qd-hero::after { height: 96px; }

  .qd-motion-root.qd-home .qd-hero-art {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 12px, #000 calc(100% - var(--qd-scene-edge)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 12px, #000 calc(100% - var(--qd-scene-edge)), transparent 100%);
  }

  .qd-motion-root.qd-home #solutions .qd-cloud-scrim {
    background: linear-gradient(180deg, rgba(10, 10, 11, .58), rgba(10, 10, 11, .5)) !important;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .3), #000 120px);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .3), #000 120px);
  }

  .qd-motion-root.qd-home #solutions > .qd-cloud-art {
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 20px, #000 calc(100% - 180px), rgba(0, 0, 0, .32) calc(100% - 96px), transparent calc(100% - 56px), transparent 100%) !important;
    mask-image: linear-gradient(to bottom, transparent, #000 20px, #000 calc(100% - 180px), rgba(0, 0, 0, .32) calc(100% - 96px), transparent calc(100% - 56px), transparent 100%) !important;
  }

  .qd-motion-root.qd-home #impact .qd-qai-art {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 48px, #000 calc(100% - 88px), transparent 100%) !important;
    mask-image: linear-gradient(to bottom, transparent 0, #000 48px, #000 calc(100% - 88px), transparent 100%) !important;
  }

  .qd-motion-root.qd-home #impact .qd-qai-fade {
    background: none !important;
  }
}

/* Short text-only pauses announce the next chapter. */
.qd-motion-root.qd-home .qd-chapter-divider {
  position: relative;
  display: grid;
  place-items: center;
  height: 160px;
  padding: 24px;
  background: radial-gradient(ellipse 40% 60% at 50% 50%, rgba(234, 91, 30, .11), transparent 75%), var(--qd-scene-base);
  text-align: center;
}

.qd-motion-root.qd-home .qd-chapter-divider > p {
  position: relative;
  margin: 0;
  max-width: 100%;
  color: #d0cdc8;
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(24px, 4vw, 56px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .28em;
  text-transform: uppercase;
  text-wrap: balance;
}

.qd-motion-root.qd-home .qd-chapter-divider .qd-chapter-keyword { color: var(--qd-accent); }

.qd-motion-root.qd-home .qd-chapter-divider > p::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -18px;
  width: 72px;
  height: 2px;
  transform: translateX(-50%);
  background: linear-gradient(to right, transparent, var(--qd-accent), transparent);
  pointer-events: none;
}

@media (max-width: 760px) {
  .qd-motion-root.qd-home .qd-chapter-divider { height: 140px; padding: 20px; }
  .qd-motion-root.qd-home .qd-chapter-divider > p { font-size: 18px; }
  .qd-motion-root.qd-home .qd-chapter-divider .qd-chapter-keyword { display: block; font-size: clamp(28px, 7vw, 40px); margin-top: 8px; }
  .qd-motion-root.qd-home .qd-chapter-divider > p::after {
    bottom: -14px;
    width: 40px;
    height: 2px;
  }
}

/* Adjacent-photo handoff applies only when the question directly follows the hero. */
.qd-motion-root.qd-home {
  --qd-first-scene-overlap: 96px;
  --qd-handoff-curve: 80px;
  --qd-handoff-soft: 85%;
}

/* Keep the opening frame one full viewport above the new chapter divider. */
@media (min-width: 1101px) {
  .qd-motion-root.qd-home > .qd-hero {
    min-height: 100svh !important;
  }
}

.qd-motion-root.qd-home .qd-hero-art::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(rgba(6, 6, 8, .22), rgba(6, 6, 8, .22)),
    radial-gradient(ellipse at 50% 70%, rgba(234, 91, 30, .11), rgba(113, 49, 22, .05) 65%, transparent 100%);
}

.qd-motion-root.qd-home > .qd-hero + .qd-question-section {
  z-index: 1;
  margin-top: calc(-1 * var(--qd-first-scene-overlap));
  background-color: transparent !important;
}

.qd-motion-root.qd-home > .qd-hero > .qd-hero-art {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 32px, #000 calc(100% - var(--qd-scene-edge)), transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0, #000 32px, #000 calc(100% - var(--qd-scene-edge)), transparent 100%);
}

/* This sibling is the hero's bottom-only shade, before its reading gradients. */
.qd-motion-root.qd-home > .qd-hero > .qd-hero-art + div {
  background: none !important;
}

.qd-motion-root.qd-home > .qd-hero + .qd-question-section > .qd-art-shell:not(.qd-side-image) {
  opacity: 1 !important;
  -webkit-mask-image: radial-gradient(ellipse 72% var(--qd-handoff-curve) at 50% 0, transparent var(--qd-handoff-soft), #000 100%), linear-gradient(to bottom, #000, #000 calc(100% - var(--qd-scene-edge)), transparent);
  mask-image: radial-gradient(ellipse 72% var(--qd-handoff-curve) at 50% 0, transparent var(--qd-handoff-soft), #000 100%), linear-gradient(to bottom, #000, #000 calc(100% - var(--qd-scene-edge)), transparent);
  -webkit-mask-composite: source-in, source-over;
  mask-composite: intersect, add;
}

.qd-motion-root.qd-home > .qd-hero + .qd-question-section > div[style*="radial-gradient"] {
  -webkit-mask-image: radial-gradient(ellipse 72% var(--qd-handoff-curve) at 50% 0, transparent var(--qd-handoff-soft), #000 100%);
  mask-image: radial-gradient(ellipse 72% var(--qd-handoff-curve) at 50% 0, transparent var(--qd-handoff-soft), #000 100%);
}

.qd-motion-root.qd-home > .qd-hero > .qd-scroll-cue {
  z-index: 4;
}

@media (max-width: 1100px) {
  .qd-motion-root.qd-home > .qd-hero > .qd-hero-art {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 16px, #000 calc(100% - 64px), transparent);
    mask-image: linear-gradient(to bottom, transparent 0, #000 16px, #000 calc(100% - 64px), transparent);
  }

  .qd-motion-root.qd-home > .qd-hero + .qd-question-section {
    margin-top: 0;
    background-color: var(--qd-scene-base) !important;
  }

  .qd-motion-root.qd-home > .qd-hero + .qd-question-section > .qd-art-shell:not(.qd-side-image) {
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 64px, #000 calc(100% - var(--qd-scene-edge)), transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 64px, #000 calc(100% - var(--qd-scene-edge)), transparent);
    -webkit-mask-composite: source-over;
    mask-composite: add;
  }

  .qd-motion-root.qd-home > .qd-hero + .qd-question-section > div[style*="radial-gradient"] {
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 64px);
    mask-image: linear-gradient(to bottom, transparent, #000 64px);
  }
}

@media (max-width: 760px) {
  .qd-motion-root.qd-home { --qd-first-scene-overlap: 64px; --qd-handoff-curve: 48px; }

  .qd-motion-root.qd-home > .qd-hero > .qd-hero-art {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 12px, #000 calc(100% - 64px), transparent);
    mask-image: linear-gradient(to bottom, transparent 0, #000 12px, #000 calc(100% - 64px), transparent);
  }
}

@media (prefers-reduced-motion: reduce) {
  .qd-motion-root .qd-motion-button,
  .qd-motion-root .qd-nav button,
  .qd-motion-root .qd-nav a {
    transition: none !important;
  }

  .qd-motion-root .qd-section-content,
  .qd-motion-root .qd-hero-content,
  .qd-motion-root .qd-heading,
  .qd-motion-root .qd-art-surface,
  .qd-motion-root .qd-depth-copy,
  .qd-motion-root .qd-depth-item {
    transform: none !important;
    translate: none !important;
  }


  .qd-motion-root .qd-art-surface,
  .qd-motion-root .qd-depth-copy,
  .qd-motion-root .qd-depth-item {
    will-change: auto !important;
  }
}