.features-section + .use-cases-section { margin-top: calc(var(--section-gap-pricing) * .89); }
.use-cases-section + .pricing-section { padding-top: calc(var(--section-gap-pricing) * .89); }

@media (min-width: 901px) {
  .features-section + .use-cases-section { margin-top: calc(var(--section-gap-pricing) * .875); }
  .use-cases-section + .pricing-section { padding-top: calc(var(--section-gap-pricing) * .875); }
}

.use-cases-section { color: var(--us-text); }
.use-cases-header { margin: 0 auto 24px; text-align: center; }
.use-cases-eyebrow { margin: 0 0 10px; color: var(--us-orange); font-size: 13px; font-weight: 800; line-height: 1.3; letter-spacing: .13em; }
.use-cases-header h2 { margin: 0; font-family: "Inter Tight", "Inter", Arial, sans-serif; font-size: clamp(38px, 4vw, 42px); font-weight: 900; line-height: 1.05; letter-spacing: -.02em; word-spacing: .07em; text-wrap: balance; }
.use-cases-header > p:last-child { max-width: 940px; margin: 11px auto 0; color: #c5c7cf; font-size: 16px; line-height: 1.45; letter-spacing: -.01em; }

.use-cases-track { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.use-case-card { display: flex; min-width: 0; min-height: 290px; flex-direction: column; padding: 18px 14px 14px; border: 1px solid rgb(244 242 239 / .17); border-radius: 16px; background: #11100f; }

.use-case-category { margin: 0; color: var(--us-orange-light); font-size: 10px; font-weight: 800; line-height: 1.35; letter-spacing: .11em; }
.use-case-card h3 { margin: 6px 0 0; font-family: "Inter", Arial, sans-serif; font-size: 16px; font-weight: 750; line-height: 1.2; letter-spacing: -.016em; }
.use-case-copy { margin: 8px 0 0; color: #bcb8b5; font-size: 13px; line-height: 1.4; }
.use-case-chips { display: flex; flex-wrap: wrap; gap: 5px; margin: 11px 0 0; padding: 0; list-style: none; }
.use-case-chips li { padding: 4px 6px; border: 1px solid rgb(255 101 30 / .39); border-radius: 5px; color: #e9ddd6; font-size: 9px; font-weight: 750; line-height: 1.15; letter-spacing: .035em; white-space: nowrap; }
.use-case-outcome { margin: auto 0 0; padding-top: 11px; border-top: 1px solid rgb(244 242 239 / .16); color: #f4f2ef; font-size: 12px; font-weight: 750; line-height: 1.35; }

@media (max-width: 900px) and (min-width: 641px) {
  .use-cases-track { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .use-case-card { min-height: 275px; }
  .use-cases-header h2 { font-size: 40px; }
}

@media (max-width: 640px) {
  .features-section + .use-cases-section { margin-top: var(--section-gap-pricing); }
  .use-cases-section + .pricing-section { padding-top: var(--section-gap-pricing); }
  .use-cases-header { margin-bottom: 25px; text-align: left; }
  .use-cases-eyebrow { font-size: 12px; }
  .use-cases-header h2 { font-size: clamp(32px, 8vw, 38px); }
  .use-cases-header > p:last-child { margin-top: 14px; font-size: 16px; line-height: 1.45; }
  .use-cases-track { display: flex; gap: 12px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 0; scrollbar-width: thin; scrollbar-color: rgb(255 81 12 / .5) transparent; }
  .use-cases-track:focus-visible { outline: 2px solid var(--us-orange); outline-offset: 4px; }
  .use-case-card { flex: 0 0 87%; min-height: 290px; scroll-snap-align: start; scroll-snap-stop: always; }
  .use-case-card h3 { font-size: 18px; }
  .use-case-copy { font-size: 14px; }
  .use-case-chips li { font-size: 9px; }
  .use-case-outcome { font-size: 13px; }
}