#testimonials.pf-testimonials {
      --pf-navy: #0a1226;
      --pf-navy-card: #0f1b34;
      --pf-navy-card-border: #1c2c4d;
      --pf-gold: #f0b90b;
      --pf-cyan: #2bc4d9;
      --pf-white: #f5f7fb;
      --pf-grey: #9aa5bb;

      background: var(--pf-navy);
      padding: 88px 24px 96px;
      font-family: 'Inter', system-ui, sans-serif;
      color: var(--pf-white);
      position: relative;
      overflow: hidden;
    }

    /* faint corner glow, echoes the brand dot in the logo */
    #testimonials.pf-testimonials::before {
      content: "";
      position: absolute;
      top: -120px;
      right: -120px;
      width: 320px;
      height: 320px;
      background: radial-gradient(circle, rgba(43,196,217,0.14) 0%, rgba(43,196,217,0) 70%);
      pointer-events: none;
    }

    .pf-t-inner {
      max-width: 1120px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }

    .pf-t-head {
      text-align: center;
      margin-bottom: 56px;
    }

    .pf-t-head .pf-kicker {
      display: inline-block;
      font-family: 'Poppins', sans-serif;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.12em;
      color: var(--pf-gold);
      margin-bottom: 14px;
    }

    .pf-t-head h2 {
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: clamp(28px, 4vw, 40px);
      line-height: 1.2;
      margin: 0 0 16px;
    }

    .pf-t-head h2 span {
      color: var(--pf-cyan);
    }

    .pf-t-head .pf-rule {
      width: 64px;
      height: 3px;
      background: var(--pf-gold);
      margin: 0 auto;
      border-radius: 2px;
    }

    .pf-t-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 28px;
      align-items: start;
    }

    @media (max-width: 900px) {
      .pf-t-grid { grid-template-columns: 1fr; }
    }

    .pf-t-card {
      background: var(--pf-navy-card);
      border: 1px solid var(--pf-navy-card-border);
      border-left: 3px solid var(--pf-cyan);
      border-radius: 6px;
      padding: 32px 28px 28px;
      display: flex;
      flex-direction: column;
      transition: border-color 0.25s ease, transform 0.25s ease;
    }

    .pf-t-card:nth-child(2) { border-left-color: var(--pf-gold); }
    .pf-t-card:nth-child(3) { border-left-color: var(--pf-cyan); }

    .pf-t-card:hover {
      transform: translateY(-4px);
      border-left-color: var(--pf-gold);
    }

    .pf-t-quote-mark {
      font-family: 'Poppins', sans-serif;
      font-size: 42px;
      line-height: 1;
      color: var(--pf-gold);
      opacity: 0.85;
      margin-bottom: 6px;
    }

    .pf-t-quote-wrap {
      position: relative;
      margin: 0 0 6px;
    }

    .pf-t-card p.pf-t-quote {
      font-size: 15px;
      line-height: 1.7;
      color: var(--pf-grey);
      margin: 0;
      max-height: 138px;
      overflow: hidden;
      transition: max-height 0.35s ease;
    }

    .pf-t-quote-wrap.pf-expanded p.pf-t-quote {
      max-height: 600px;
    }

    .pf-t-fade {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 40px;
      background: linear-gradient(to bottom, rgba(15,27,52,0), var(--pf-navy-card));
      pointer-events: none;
      transition: opacity 0.2s ease;
    }

    .pf-t-quote-wrap.pf-expanded .pf-t-fade { opacity: 0; }

    .pf-t-toggle {
      background: none;
      border: none;
      padding: 0;
      margin: 0 0 22px;
      font-family: 'Inter', sans-serif;
      font-size: 13px;
      font-weight: 600;
      color: var(--pf-cyan);
      cursor: pointer;
      display: none;
    }

    .pf-t-toggle:hover { color: var(--pf-gold); }
    .pf-t-toggle.pf-visible { display: inline-block; }

    .pf-t-footer {
      display: flex;
      align-items: center;
      gap: 14px;
      border-top: 1px solid var(--pf-navy-card-border);
      padding-top: 18px;
    }

    .pf-t-avatar {
      flex: none;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--pf-cyan), var(--pf-gold));
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 15px;
      color: var(--pf-navy);
    }

    .pf-t-name {
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 15px;
      color: var(--pf-white);
      margin: 0;
    }

    .pf-t-role {
      font-size: 13px;
      color: var(--pf-cyan);
      margin: 2px 0 0;
    }