/* Home page: the big win in each solution, as three cards. Tokens only. */
.home-wins { background: var(--waya-cream); }
.home-wins .tone-sage    { --tone: var(--waya-sage); }
.home-wins .tone-rust    { --tone: var(--waya-rust); }
.home-wins .tone-mustard { --tone: var(--waya-mustard); }
.home-wins .hw { margin-top: 48px; }
.home-wins .hw-val { font-family: var(--font-display); font-weight: 700; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.home-wins .hw-cta { margin-top: 44px; display: flex; gap: 22px; justify-content: center; align-items: center; flex-wrap: wrap; }
.home-wins .hw-all { font-family: var(--font-display); font-weight: 600; font-size: 15px; color: var(--waya-rust); }
.home-wins .hw-all:hover { text-decoration: underline; }
.home-wins a:focus-visible { outline: 2px solid var(--waya-rust); outline-offset: 3px; border-radius: 6px; }

.hw-a { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.hw-card {
  position: relative; display: flex; flex-direction: column;
  background: var(--waya-paper); border: 1px solid var(--border-1); border-radius: 22px;
  padding: 34px 30px 28px; overflow: hidden;
  transition: transform var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard);
}
.hw-card::before { content: ''; position: absolute; inset: 0 0 auto 0; height: 6px; background: var(--tone); }
.hw-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-3); }
.hw-card h3 { font-family: var(--font-display); font-weight: 700; font-size: 24px; line-height: 1.15; letter-spacing: -0.01em; }
.hw-card h3 a { color: var(--waya-charcoal); }
.hw-card .hw-promise { margin-top: 10px; font-size: 15px; line-height: 1.55; color: var(--fg-2); }
.hw-card .hw-wins { list-style: none; padding: 0; margin: 26px 0 0; }
.hw-card .hw-wins a { display: grid; gap: 4px; padding: 18px 0 6px; border-top: 1px solid var(--border-1); color: inherit; }
.hw-card .hw-val { font-size: 38px; line-height: 1.05; color: var(--waya-charcoal); }
.hw-card .hw-wins a:hover .hw-val { color: var(--tone); }
.hw-card .hw-lbl { font-size: 14.5px; line-height: 1.45; color: var(--fg-1); }
.hw-card .hw-case { font-family: var(--font-display); font-weight: 700; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--fg-2); }
.hw-card .hw-more { margin-top: auto; padding-top: 22px; font-family: var(--font-display); font-weight: 600; font-size: 15px; color: var(--waya-rust); }
.hw-card .hw-more span { display: inline-block; transition: transform var(--dur-base) var(--ease-standard); }
.hw-card:hover .hw-more span { transform: translateX(4px); }

@media (max-width: 960px) {
  .hw-a { grid-template-columns: minmax(0, 1fr); }
}