/* Tiny site-wide polish for landing + testimonials */
:root{
  --brand:#4f46e5; /* indigo-600 */
  --brand-2:#22c55e; /* green-500 */
  --ink:#0b1220;
}
html,body{color:var(--ink)}

/* Chips / Pills */
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{border:1px solid rgba(15,23,42,.12);border-radius:999px;padding:.35rem .75rem;font-size:.9rem;cursor:pointer;background:#fff;transition:all .15s ease}
.chip:hover{border-color:rgba(79,70,229,.5)}
.chip.active{background:var(--brand);color:#fff;border-color:var(--brand)}

/* Cards */
.card-hover{transition:transform .2s ease, box-shadow .2s ease}
.card-hover:hover{transform:translateY(-4px);box-shadow:0 1.25rem 2rem -1rem rgba(0,0,0,.15)}
/* Expand/collapse */
.card.expanded .clamp-3 { -webkit-line-clamp: unset; overflow: visible; }
.expand-toggle { cursor: pointer; user-select: none; }
.toggle-icon { transition: transform .2s ease; }
.card.expanded .toggle-icon { transform: rotate(180deg); }


/* Avatars + clamp */
.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}
.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Filter bar */
.filter-bar{position:sticky;top:56px;z-index:1000;background:#fff;border-bottom:1px solid rgba(15,23,42,.08)}
.summary{color:#64748b}

/* Buttons */
.btn-brand{background:var(--brand);border-color:var(--brand)}
.btn-brand:hover{background:#4338ca;border-color:#4338ca}
.btn-outline-brand{border-color:var(--brand);color:var(--brand)}
.btn-outline-brand:hover{background:var(--brand);color:#fff}