/* Home-page dark-mode color rhythm: three deliberately related dark shades. */
body.dark-mode {
  --home-ink: #120a2a;
  --home-deep: #1b1043;
  --home-violet: #34206f;
}

body.dark-mode #work {
  background:
    radial-gradient(ellipse 68% 68% at 88% 14%, rgba(102, 70, 219, 0.2), transparent 66%),
    radial-gradient(ellipse 50% 56% at 13% 86%, rgba(42, 78, 164, 0.11), transparent 72%),
    linear-gradient(145deg, var(--home-deep) 0%, var(--home-ink) 100%);
}

body.dark-mode #proof {
  background:
    radial-gradient(ellipse 62% 78% at 83% 24%, rgba(121, 91, 235, 0.27), transparent 69%),
    radial-gradient(ellipse 50% 68% at 9% 87%, rgba(83, 72, 188, 0.18), transparent 73%),
    linear-gradient(145deg, var(--home-violet) 0%, var(--home-deep) 100%);
}

body.dark-mode #proof .results-left,
body.dark-mode #proof .results-grid,
body.dark-mode #proof .results-grid > div {
  background: transparent;
}

body.dark-mode #process {
  background:
    radial-gradient(ellipse 60% 70% at 85% 68%, rgba(64, 81, 190, 0.15), transparent 70%),
    radial-gradient(ellipse 45% 55% at 16% 15%, rgba(89, 66, 181, 0.1), transparent 72%),
    linear-gradient(160deg, var(--home-ink) 0%, var(--home-deep) 100%);
}

body.dark-mode .testimonials {
  background:
    radial-gradient(ellipse 60% 68% at 87% 18%, rgba(103, 76, 213, 0.22), transparent 70%),
    radial-gradient(ellipse 48% 56% at 12% 84%, rgba(42, 79, 166, 0.09), transparent 72%),
    linear-gradient(145deg, var(--home-deep) 0%, var(--home-deep) 100%);
}

body.dark-mode #faq {
  background:
    radial-gradient(ellipse 60% 70% at 86% 24%, rgba(80, 87, 197, 0.18), transparent 70%),
    radial-gradient(ellipse 42% 58% at 13% 74%, rgba(82, 61, 171, 0.1), transparent 72%),
    linear-gradient(145deg, var(--home-ink) 0%, var(--home-deep) 100%);
}

body.dark-mode .cta {
  background:
    radial-gradient(ellipse 62% 72% at 78% 63%, rgba(137, 89, 242, 0.3), transparent 70%),
    radial-gradient(ellipse 46% 62% at 16% 22%, rgba(76, 93, 205, 0.18), transparent 72%),
    linear-gradient(145deg, var(--home-deep) 0%, var(--home-violet) 100%);
}

/* The signature lime remains a small, intentional action and navigation accent. */
body.dark-mode #work .section-heading .eyebrow span,
body.dark-mode #proof .eyebrow span,
body.dark-mode #process .eyebrow span,
body.dark-mode .testimonials .eyebrow span,
body.dark-mode #faq .eyebrow span,
body.dark-mode .cta .eyebrow span {
  background-color: #d8ff61;
}

/* Keep the showreel control centered in its own responsive canvas. */
.hero-art .window-body .video-orb {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}