/* One payroll panel with a relevant photo and three clear destinations. */
.home-page .payroll-compact {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  align-items: center;
  gap: 30px;
  margin-top: 28px;
  padding: 24px;
  border-radius: 16px;
  background: #123f60;
  color: #fff;
}
.home-page .payroll-compact .payroll-photo { margin: 0; min-width: 0; }
.home-page .payroll-compact .payroll-photo img { display: block; width: 100%; height: auto; border-radius: 10px; }
.home-page .payroll-compact .payroll-copy { min-width: 0; }
.home-page .payroll-compact .eyebrow { margin: 0 0 8px; color: #bce4ef; font-size: .73rem; }
.home-page .payroll-compact h3 { margin: 0; font-size: clamp(1.8rem, 2.8vw, 2.35rem); line-height: 1.1; }
.home-page .payroll-compact .payroll-summary { margin: 10px 0 18px; color: #eff7fb; font-size: 1rem; line-height: 1.5; max-width: 38ch; }
.home-page .payroll-compact .payroll-product-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.home-page .payroll-compact .payroll-product-link { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px; min-width: 0; padding: 13px 16px; border: 1px solid #ffffff45; border-radius: 8px; background: #fff; color: #123f60; text-decoration: none; transition: transform .15s; }
.home-page .payroll-compact .payroll-product-link img { display: block; width: auto; max-width: 100%; height: 34px; object-fit: contain; object-position: left center; }
.home-page .payroll-compact .payroll-product-link > span { display: flex; justify-content: space-between; width: 100%; gap: 6px; font-size: .9rem; font-weight: 750; line-height: 1.3; }
.home-page .payroll-compact .simplepay-link { background: #041321; color: #fff; }
.home-page .payroll-compact .payroll-product-link:hover { transform: translateY(-2px); }
.home-page .payroll-compact .payroll-more { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; grid-column: auto; padding: 13px 16px; border-radius: 8px; background: #d8f3f6; color: #123f60; font-size: .95rem; text-decoration: none; }
.home-page .payroll-compact .payroll-more:hover { background: #fff; }
.home-page .payroll-compact a:focus-visible { outline: 3px solid #ffcf66; outline-offset: 4px; }
@media (max-width: 760px) {
  .home-page .payroll-compact { grid-template-columns: minmax(0, 1fr); padding: 20px; gap: 20px; }
  .home-page .payroll-compact .payroll-summary { max-width: none; }
}
@media (max-width: 380px) {
  .home-page .payroll-compact { padding: 16px; }
  .home-page .payroll-compact .payroll-product-link { padding: 12px; }
}
@media (prefers-reduced-motion: reduce) { .home-page .payroll-compact .payroll-product-link { transition: none; } }