/* A second local direction: quieter light sections and a stronger close. */
.workflow { background: #efefed; }
.coverage-section { background: var(--paper); }
.platform { background: var(--paper); }
.platform-frame { background: #efefed; }

/* Hardware retains the established charcoal treatment. Repeat it for proof
   and the footer so the amber invitation becomes the closing focal point. */
.testimonial, .site-footer {
  --ink: #f7f7f2;
  --muted: #c6c8c8;
  --line: #505355;
  background: var(--dark);
  color: var(--paper);
  border-color: var(--line);
}
.testimonial .testimonials-header > .eyebrow { color: var(--amber); }
.testimonial .quote-selector { border-color: var(--line); }
.testimonial .quote-selector button[aria-pressed=true] {
  border-top-color: var(--amber);
  color: var(--paper);
}
.testimonial .quote-selector button:hover { color: var(--amber); }
.testimonial .quote-logo img {
  filter: grayscale(1) invert(1);
  mix-blend-mode: screen;
  opacity: .8;
}
.testimonial .quote-selector button[aria-pressed=true] img { opacity: 1; }
.testimonial :focus-visible, .site-footer :focus-visible { outline-color: var(--amber); }
.testimonial ::selection, .site-footer ::selection { color: #242628; }
.site-footer .brand svg circle { fill: var(--amber); }
.site-footer .footer-links > div > span { color: var(--amber); }
.site-footer .footer-links a:hover, .site-footer .footer-bottom a:hover { color: var(--amber); }

/* Carry the same closing sequence onto About. */
.about-cta { background: var(--amber); }
.about-cta p { color: var(--ink); }
.about-cta > .button { background: var(--dark); color: var(--paper); }
.about-cta > .button:hover { background: #3a3d3f; }