/* ==========================================================
       CLIENT EVIDENCE — CASE STUDY + TESTIMONIAL CAROUSELS
       ========================================================== */

    .dc-evidence-section {
      background: #fff;
      overflow: hidden;
    }

    .dc-evidence-layout {
      width: 100%;
      max-width: 1200px;
      margin-inline: auto;
      display: grid;
      grid-template-columns: minmax(0, 3fr) minmax(260px, .95fr);
      gap: 24px;
      align-items: stretch;
    }

    .dc-carousel-shell {
      min-width: 0;
      position: relative;
    }

    .dc-carousel-head {
      min-height: 50px;
      margin-bottom: 14px;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 18px;
    }

    .dc-carousel-head > div:first-child {
      min-width: 0;
    }

    .dc-carousel-head p {
      margin: 5px 0 0;
      color: #7a7b82;
      font-size: .76rem;
      line-height: 1.5;
    }

    .dc-evidence-kicker {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      color: #00A2A7;
      font-family: 'Poppins', sans-serif;
      font-size: .68rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: .09em;
      text-transform: uppercase;
    }

    .dc-evidence-kicker::before {
      content: "";
      width: 18px;
      height: 3px;
      border-radius: 99px;
      background: #00A2A7;
    }

    .dc-evidence-kicker-red {
      color: #ED3239;
    }

    .dc-evidence-kicker-red::before {
      background: #ED3239;
    }

    .dc-carousel-controls {
      flex: none;
      display: flex;
      gap: 8px;
    }

    .dc-carousel-arrow {
      width: 36px;
      height: 36px;
      padding: 0;
      display: inline-grid;
      place-items: center;
      border: 1px solid #e0e2e5;
      border-radius: 50%;
      background: #fff;
      color: #101012;
      cursor: pointer;
      box-shadow: 0 4px 12px rgba(16,16,18,.045);
      transition:
        transform .25s ease,
        color .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease;
    }

    .dc-carousel-arrow:hover:not(:disabled),
    .dc-carousel-arrow:focus-visible:not(:disabled) {
      transform: translateY(-2px);
      color: #fff;
      border-color: #00A2A7;
      background: #00A2A7;
      box-shadow: 0 9px 20px rgba(0,162,167,.20);
    }

    .dc-testimonial-carousel .dc-carousel-arrow:hover:not(:disabled),
    .dc-testimonial-carousel .dc-carousel-arrow:focus-visible:not(:disabled) {
      border-color: #ED3239;
      background: #ED3239;
      box-shadow: 0 9px 20px rgba(237,50,57,.18);
    }

    .dc-carousel-arrow:disabled {
      cursor: default;
      opacity: .34;
      box-shadow: none;
    }

    .dc-carousel-viewport,
    .dc-testimonial-viewport {
      min-width: 0;
      width: 100%;
      overflow: hidden;
      border-radius: 14px;
      touch-action: pan-y;
    }

    .dc-case-track {
      --case-gap: 18px;
      --case-visible: 3;
      display: flex;
      gap: var(--case-gap);
      width: 100%;
      will-change: transform;
      transform: translate3d(0,0,0);
    }

    .dc-case-slide {
      flex:
        0 0
        calc(
          (100% - (var(--case-gap) * (var(--case-visible) - 1)))
          / var(--case-visible)
        );
      min-width: 0;
      height: auto;
      margin: 0;
      border-radius: 14px;
      transition:
        box-shadow .32s ease,
        border-color .32s ease;
    }

    .dc-case-slide:hover {
      transform: none;
      border-color: rgba(0,162,167,.32);
      box-shadow: 0 14px 30px rgba(16,16,18,.075);
    }

    .dc-case-slide .case-image {
      aspect-ratio: 16 / 10;
      min-height: 0;
    }

    .dc-case-slide .case-image img {
      min-height: 0;
      transition: transform .55s cubic-bezier(.2,.75,.25,1);
    }

    .dc-case-slide:hover .case-image img {
      transform: scale(1.035);
    }

    .dc-case-slide .case-content {
      height: calc(100% - 1px);
      padding: 18px 19px 20px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .dc-case-slide .case-content h3 {
      margin: 12px 0 8px;
      font-size: .93rem;
      line-height: 1.38;
      text-wrap: balance;
    }

    .dc-case-slide .case-content p {
      margin: 0 0 15px;
      color: #66666f;
      font-size: .78rem;
      line-height: 1.62;
      text-wrap: pretty;
    }

    .dc-case-slide .case-content a {
      margin-top: auto;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      color: #00A2A7;
      font-family: 'Poppins', sans-serif;
      font-size: .74rem;
      font-weight: 700;
      text-decoration: none;
      transition: gap .25s ease;
    }

    .dc-case-slide .case-content a:hover {
      gap: 9px;
    }

    /* Testimonial carousel */
    .dc-testimonial-carousel {
      min-width: 0;
      display: flex;
      flex-direction: column;
    }

    .dc-testimonial-viewport {
      flex: 1;
      display: flex;
    }

    .dc-testimonial-track {
      width: 100%;
      display: flex;
      align-items: stretch;
      will-change: transform;
      transform: translate3d(0,0,0);
    }

    .dc-testimonial-slide {
      flex: 0 0 100%;
      width: 100%;
      min-width: 100%;
      min-height: 100%;
      margin: 0;
      padding: 30px 24px 26px;
      display: flex;
      flex-direction: column;
      border: 1px solid rgba(0,162,167,.23);
      border-radius: 14px;
      background:
        radial-gradient(circle at 90% 9%, rgba(112,190,73,.11), transparent 28%),
        #eaf8f7;
      box-shadow: none;
    }

    .dc-quote-icon {
      margin-bottom: 15px;
      color: #00A2A7;
    }

    .dc-testimonial-slide blockquote {
      margin: 0 0 30px;
      color: #1d2025;
      font-size: .82rem;
      line-height: 1.72;
      text-wrap: pretty;
    }

    .dc-testimonial-slide figcaption {
      margin-top: auto;
      display: grid;
      gap: 4px;
      color: #5f6269;
      font-size: .74rem;
      line-height: 1.45;
    }

    .dc-testimonial-slide figcaption strong {
      color: #101012;
      font-family: 'Poppins', sans-serif;
      font-size: .75rem;
      font-weight: 700;
    }

    .dc-carousel-footer {
      min-height: 25px;
      margin-top: 13px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }

    .dc-carousel-dots {
      display: flex;
      align-items: center;
      gap: 7px;
    }

    .dc-carousel-dot {
      width: 8px;
      height: 8px;
      padding: 0;
      border: 0;
      border-radius: 99px;
      background: #d8dade;
      cursor: pointer;
      transition:
        width .28s ease,
        background .28s ease,
        transform .28s ease;
    }

    .dc-carousel-dot:hover {
      transform: scale(1.12);
    }

    .dc-carousel-dot.is-active {
      width: 23px;
      background: #00A2A7;
    }

    .dc-testimonial-dots .dc-carousel-dot.is-active {
      background: #ED3239;
    }

    .dc-carousel-status {
      color: #9a9ba1;
      font-size: .67rem;
      font-variant-numeric: tabular-nums;
    }

    /* Hide empty controls/dots when a carousel has only one logical item */
    .dc-testimonial-carousel.is-single .dc-testimonial-controls,
    .dc-testimonial-carousel.is-single .dc-testimonial-dots {
      display: none;
    }

    /* Tablet */
    @media (max-width: 1024px) {
      .dc-evidence-layout {
        max-width: 760px;
        grid-template-columns: 1fr;
        gap: 36px;
      }

      .dc-case-track {
        --case-visible: 2;
      }

      .dc-testimonial-slide {
        min-height: 280px;
      }
    }

    /* Mobile */
    @media (max-width: 640px) {
      .dc-evidence-layout {
        max-width: 100%;
        gap: 32px;
      }

      .dc-carousel-head {
        min-height: 0;
        align-items: center;
      }

      .dc-carousel-head p {
        display: none;
      }

      .dc-case-track {
        --case-visible: 1;
        --case-gap: 14px;
      }

      .dc-case-slide {
        border-radius: 16px;
      }

      .dc-case-slide .case-image {
        aspect-ratio: 16 / 9.5;
      }

      .dc-case-slide .case-content {
        padding: 18px;
      }

      .dc-testimonial-slide {
        min-height: 300px;
        padding: 27px 21px 24px;
        border-radius: 16px;
      }

      .dc-testimonial-slide blockquote {
        font-size: .84rem;
      }
    }

    @media (max-width: 375px) {
      .dc-carousel-arrow {
        width: 34px;
        height: 34px;
      }

      .dc-case-slide .case-content h3 {
        font-size: .9rem;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .dc-carousel-arrow,
      .dc-carousel-dot,
      .dc-case-slide,
      .dc-case-slide .case-image img {
        transition: none !important;
      }
    }