/* playground-testimonials.html — page-specific styles (extracted from inline) */

.t-hero {
      position:relative;overflow:hidden;
      padding:10rem 0 5rem;background:var(--bg);
    }
    .t-hero .blob--1{width:600px;height:600px;top:-150px;left:-120px;}
    .t-hero .blob--2{width:500px;height:500px;bottom:-80px;right:-80px;}
    .t-hero__inner{position:relative;z-index:2;text-align:center;}
    .t-hero__kicker {
      display:inline-flex;align-items:center;gap:.6rem;
      font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);
      background:var(--surface);border:1px solid var(--border);
      padding:.4rem 1rem;border-radius:var(--radius-pill);
      margin-bottom:2rem;letter-spacing:.08em;
    }
    .t-hero__kicker span{color:var(--orange);}
    .t-hero__title {
      font-family:var(--font-display);
      font-size:clamp(4rem,10vw,11rem);
      line-height:.88;letter-spacing:.02em;
      margin-bottom:2rem;
    }
    .t-hero__title .line2 {
      background:linear-gradient(110deg,var(--orange),var(--purple));
      -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    }
    .t-hero__sub {
      font-size:1.05rem;font-weight:300;line-height:1.7;
      color:var(--text-muted);max-width:520px;margin:0 auto 1.5rem;
      font-style:italic;
    }
    .t-hero__disclaimer {
      font-family:var(--font-mono);font-size:.62rem;
      color:rgba(249,130,25,.6);letter-spacing:.08em;
    }

    /* ---- SCROLL FEED ---- */
    .t-feed {
      padding:5rem 0 8rem;
      background:var(--bg);
      position:relative;
    }
    .t-feed::before {
      content:'';position:absolute;top:0;left:0;right:0;height:120px;
      background:linear-gradient(to bottom,var(--bg),transparent);
      z-index:10;pointer-events:none;
    }
    .t-feed::after {
      content:'';position:absolute;bottom:0;left:0;right:0;height:180px;
      background:linear-gradient(to top,var(--bg),transparent);
      z-index:10;pointer-events:none;
    }

    .t-columns {
      display:grid;
      grid-template-columns:1fr 1fr 1fr;
      gap:1.5rem;
      max-width:1300px;
      margin:0 auto;
      padding:0 2rem;
      overflow:hidden;
      height:80vh;
      min-height:600px;
    }
    @media(max-width:900px){.t-columns{grid-template-columns:1fr 1fr;}}
    @media(max-width:580px){.t-columns{grid-template-columns:1fr;}}

    .t-col {
      display:flex;flex-direction:column;gap:1.5rem;
      animation:colScroll 30s linear infinite;
    }
    .t-col:nth-child(2){animation-duration:38s;animation-direction:reverse;}
    .t-col:nth-child(3){animation-duration:33s;}
    @keyframes colScroll {
      from{transform:translateY(0)}
      to{transform:translateY(-50%)}
    }
    .t-col:hover { animation-play-state:paused; }

    .t-card {
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius-xl);
      padding:1.8rem 2rem;
      transition:all .35s cubic-bezier(.22,1,.36,1);
      position:relative;overflow:hidden;
      flex-shrink:0;
    }
    .t-card::before {
      content:'';position:absolute;inset:0;
      background:linear-gradient(135deg,var(--orange-glow),var(--purple-glow));
      opacity:0;transition:opacity .35s;
    }
    .t-card:hover{transform:scale(1.02);border-color:rgba(108,78,243,.3);}
    .t-card:hover::before{opacity:1;}

    .t-card__quote {
      font-size:.97rem;font-weight:300;line-height:1.7;
      color:var(--text);margin-bottom:1.4rem;
      position:relative;z-index:1;
    }
    .t-card__quote-mark {
      font-family:var(--font-display);font-size:4rem;line-height:.5;
      color:var(--orange);opacity:.4;display:block;margin-bottom:.4rem;
    }

    .t-card__author {
      display:flex;align-items:center;gap:1rem;
      position:relative;z-index:1;
    }
    .t-card__avatar {
      width:38px;height:38px;border-radius:50%;
      background:linear-gradient(135deg,var(--orange),var(--purple));
      display:flex;align-items:center;justify-content:center;
      font-family:var(--font-display);font-size:1rem;color:#fff;
      flex-shrink:0;
    }
    .t-card__name {
      font-size:.88rem;font-weight:500;color:var(--text);
      line-height:1.2;
    }
    .t-card__role {
      font-family:var(--font-mono);font-size:.62rem;
      color:var(--text-muted);letter-spacing:.04em;
    }
    .t-card__stars {
      position:absolute;top:1.4rem;right:1.6rem;z-index:1;
      color:var(--orange);font-size:.75rem;letter-spacing:.05em;
    }

    /* accent card variants */
    .t-card--orange {
      background:rgba(249,130,25,.06);
      border-color:rgba(249,130,25,.2);
    }
    .t-card--purple {
      background:rgba(108,78,243,.06);
      border-color:rgba(108,78,243,.2);
    }
    .t-card--orange .t-card__quote { color:var(--text); }

    /* counter */
    .t-counter {
      text-align:center;
      font-family:var(--font-mono);font-size:.7rem;
      color:var(--text-muted);letter-spacing:.12em;
      padding-bottom:5rem;position:relative;z-index:20;
    }
    .t-counter span {
      font-family:var(--font-display);font-size:1.6rem;
      color:var(--orange);vertical-align:middle;margin-right:.3rem;
    }

    /* back link */
    .back-bar {
      padding:2rem 0 0;
      position:relative;z-index:20;
      text-align:center;
    }
    .back-btn {
      display:inline-flex;align-items:center;gap:.5rem;
      font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);
      background:var(--surface);border:1px solid var(--border);
      padding:.5rem 1.2rem;border-radius:var(--radius-pill);
      transition:all .25s;letter-spacing:.05em;
    }
    .back-btn:hover{color:var(--text);border-color:var(--border-strong);}