@media (hover: hover) and (pointer: fine) {
  .hire-final-cta
    .hire-final-cta__secondary-action.hire-button--secondary:not(:disabled):not([aria-disabled="true"]):hover {
    background: #f6f7f8;
  }

  .hire-final-cta
    .hire-final-cta__actions
    > button.hire-button.hire-button--secondary:not(:disabled):not([aria-disabled="true"]):hover {
    background: rgba(255, 255, 255, 0.1);
  }

  .hire-nav a:hover {
    color: var(--hire-ink);
    background: var(--hire-surface);
  }

  .hire-news[data-magnetic-active="true"] {
    --hire-news-magnet-duration: 300ms;
  }

  .hire-news[data-magnetic-active="true"][data-magnetic-settled="true"] {
    --hire-news-magnet-duration: 140ms;
  }

  .hire-news[data-magnetic-hovered="true"] {
    border-color: transparent;
    background: var(--hire-news-hover-background);
  }

  .hire-news[data-magnetic-hovered="true"] .hire-news__icon {
    background: #007cff;
  }

  .hire-news[data-magnetic-hovered="true"] .hire-news__icon-arrow {
    filter: brightness(0) invert(1);
  }

  .hire-news[data-magnetic-hovered="true"]
    .hire-news__icon-arrow--outgoing {
    opacity: 0;
    transform: translate(calc(-50% + 18px), calc(-50% - 18px));
    transition-timing-function: cubic-bezier(0.1, 0.2, 0.9, 1);
  }

  .hire-news[data-magnetic-hovered="true"]
    .hire-news__icon-arrow--incoming {
    opacity: 1;
    transform: translate(-50%, -50%);
    transition-delay: 150ms;
  }

  .hire-news[data-magnetic-active="true"] .hire-news__description-slot {
    grid-template-columns: minmax(0, 0fr);
  }

  .hire-news[data-magnetic-active="true"] .hire-news__description {
    opacity: 0;
  }

  .hire-button--primary:not(:disabled):not([aria-disabled="true"]):hover {
    filter: brightness(0.96);
  }

  .hire-button--secondary:not(:disabled):not([aria-disabled="true"]):hover {
    background: var(--hire-surface-hover);
  }

  .hire-button--navigation:not(:disabled):not([aria-disabled="true"]):hover {
    color: var(--hire-ink);
    background: var(--hire-surface);
  }

  .hire-legal a:hover {
    color: var(--hire-ink);
  }
}

@media (prefers-color-scheme: dark) {
  :root:has(.hire-page),
  body:has(.hire-page) {
    color-scheme: dark;
    background: #090909;
  }

  .hire-page {
    --hire-background: #090909;
    --hire-current-background: #090909;
    --hire-surface: #17181b;
    --hire-surface-hover: #202126;
    --hire-customer-card-background: #17181b;
    --hire-product-tab-track-background: #17181b;
    --hire-compact-nav-background: #17181b;
    --hire-compact-nav-border: rgba(255, 255, 255, 0.12);
    --hire-ink: #f5f5f7;
    --hire-ink-secondary: rgba(245, 245, 247, 0.48);
    --hire-nav-ink: #8f8f95;
    --hire-header-background: #090909;
    --hire-border: rgba(255, 255, 255, 0.1);
    --hire-soft-border: rgba(255, 255, 255, 0.1);
    --hire-news-ink: #f5f5f7;
    --hire-news-secondary: rgba(245, 245, 247, 0.48);
    --hire-news-icon-background: rgba(255, 255, 255, 0.1);
    --hire-news-hover-background: rgba(0, 124, 255, 0.16);
    --hire-secondary-shadow:
      0 0 0 0.5px rgba(255, 255, 255, 0.24),
      0 1px 0.5px rgba(0, 0, 0, 0.3),
      0 2px 6px rgba(0, 0, 0, 0.24);
    color-scheme: dark;
  }

  .hire-page[data-hire-surface-tone="soft"] {
    --hire-current-background: #090909;
    --hire-customer-card-background: #17181b;
    --hire-product-tab-track-background: #17181b;
  }

  .hire-page[data-hire-surface-tone="soft"],
  :root:has(.hire-page[data-hire-surface-tone="soft"]),
  body:has(.hire-page[data-hire-surface-tone="soft"]) {
    background-color: #090909;
  }

  .hire-brand__logo {
    filter: invert(1) hue-rotate(180deg);
  }

  .hire-news__icon img {
    filter: brightness(0) invert(1);
  }

  .hire-customer-carousel__nav-button,
  .hire-pricing-scroll-button {
    color: var(--hire-ink);
    background: var(--hire-surface);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow:
      0 0 0 0.5px rgba(255, 255, 255, 0.16),
      0 4px 4px rgba(0, 0, 0, 0.24);
  }

  .hire-customer-carousel__nav-button:hover,
  .hire-pricing-scroll-button:hover:not(:disabled) {
    background: var(--hire-surface-hover);
  }

  .hire-customer-carousel__nav-button:active,
  .hire-pricing-scroll-button:active {
    background:
      linear-gradient(
        rgba(255, 255, 255, 0.08),
        rgba(255, 255, 255, 0.08)
      ),
      var(--hire-surface);
  }

  .hire-customer-carousel__indicator-item:active
    .hire-customer-carousel__indicator-track {
    background:
      linear-gradient(
        rgba(255, 255, 255, 0.08),
        rgba(255, 255, 255, 0.08)
      ),
      var(--hire-customer-card-background);
  }
}