.tcards { background: #e8f1ff; }
  .tcards__inner { display: flex; flex-direction: column; gap: 1.75rem; padding: 3rem 0; }
  .tcards__head { text-align: center; display: flex; flex-direction: column; gap: 0.9rem; align-items: center; padding: 0 1.25rem; }
  .tcards__heading { font-family: 'Work Sans', sans-serif; font-weight: 800; text-transform: uppercase; line-height: 1.12; color: #000; font-size: 1.875rem; }
  .tcards__heading .hl { color: #0059c4; }
  .tcards__sub { font-family: 'Work Sans', sans-serif; font-weight: 500; color: #000; font-size: 1.0625rem; line-height: 1.5; max-width: 44rem; }
  .tcards__track { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0.25rem 1.25rem 0.5rem; scrollbar-width: none; }
  .tcards__track::-webkit-scrollbar { display: none; }
  .tcards__card { flex: 0 0 100%; scroll-snap-align: center; background: #fff; border-radius: 1rem; padding: 1.75rem 1.5rem; display: flex; flex-direction: column; align-items: center; gap: 0.7rem; text-align: center; }
  .tcards__stars { display: flex; gap: 3px; justify-content: center; }
  .tcards__title { font-family: 'Work Sans', sans-serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.3; color: #000; }
  .tcards__title::before { content: '"'; }
  .tcards__title::after { content: '"'; }
  .tcards__review { font-family: 'Work Sans', sans-serif; font-weight: 400; color: #1f1f1f; font-size: 1.0625rem; line-height: 1.5; flex: 1; }
  .tcards__author { font-weight: 700; font-family: 'Work Sans', sans-serif; color: #333; margin-top: 0.5rem; }
  .tcards__verified { display: flex; align-items: center; justify-content: center; gap: 0.45rem; font-family: 'Work Sans', sans-serif; font-size: 1rem; color: #333; }
  .tcards__nav { display: flex; justify-content: center; align-items: center; gap: 1.5rem; }
  .tcards__arrow { background: none; border: none; color: #8f8f9c; cursor: pointer; padding: 0.25rem; display: inline-flex; }
  .tcards__arrow:hover { color: #0059c4; }
  .tcards__dots { display: flex; gap: 0.55rem; align-items: center; }
  .tcards__dot { width: 8px; height: 8px; border-radius: 50%; background: #a9a5b8; display: inline-block; transition: background 0.2s; }
  .tcards__dot.is-active { background: #1c1b1f; }
  @media (min-width: 992px) {
    .tcards__inner { padding: 3.5rem 4.5rem; gap: 2rem; }
    .tcards__heading { font-size: 3rem; }
    .tcards__track { max-width: 66rem; margin: 0 auto; width: 100%; padding: 0.25rem 0 0.75rem; }
    .tcards__card { flex: 0 0 calc((100% - 2rem) / 3); padding: 2rem 1.75rem; }
  }