/* Homepage-only refinements. Values reuse the accepted homepage phone correction. */

/* Closing approach: the phone spacing after the Slack setup CTA now applies at every
   width, replacing the 340-500px desktop band. The existing sky fade finishes before
   the white closing headline begins, as it already does on phones. */
.editorial-home .home-setup-reused.hl-section {
  padding-bottom: 48px;
}
.editorial-home .home-setup-reused + .meadow-ending .closing-section {
  padding-top: 120px;
}
.editorial-home .home-setup-reused + .meadow-ending .meadow-footer-scene::before {
  background-color: #302638;
  --sky-fade: linear-gradient(to bottom, transparent 0px, rgb(0 0 0 / .15625) 27px, rgb(0 0 0 / .5) 54px, rgb(0 0 0 / .84375) 81px, #000 108px);
}

/* Tools grid: a tile's glass appears only with its logo. tools-logos.js marks a tile
   is-visible once its logo has loaded, so slots without a rendered logo stay clear. */
.editorial-home .computer-section .tool-tile {
  transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}
.editorial-home .computer-section .tool-tile:not(.is-visible) {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  .editorial-home .computer-section .tool-tile {
    transition: none;
  }
}

/* Keep the signup focus ring inside the clipped button, as in the header. */
.editorial-home .hero-actions .inline-waitlist a.waitlist-trigger:focus-visible {
  outline-offset: -4px;
  border-radius: inherit;
  box-shadow: none;
}