.testimonial-layout{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media(min-width:768px){.testimonial-layout{grid-template-columns:auto 1fr;gap:3rem}}.testimonial-intro{max-width:24rem}.testimonial-fullwidth .testimonial-right{max-width:100%}.testimonial-right{display:flex;flex-direction:column;gap:.75rem}.testimonial-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(min-width:768px){.testimonial-fullwidth .testimonial-cards{grid-template-columns:repeat(6,1fr)}}.testimonial-card{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.875rem 1.25rem;border-radius:.875rem;border:1px solid var(--color-surface-200, #e4e4e7);background:#fff;cursor:pointer;transition:all .3s ease;text-align:center}.testimonial-card:hover{border-color:var(--color-surface-300, #d4d4d8);box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.testimonial-card.is-active{border-color:var(--color-brand-400, #60a5fa);background:linear-gradient(135deg,var(--color-brand-50, #eff6ff),white);box-shadow:0 0 0 3px #60a5fa26,0 4px 16px #0c85f21a}.testimonial-card-stars{display:flex;gap:1px}.testimonial-card-stars svg{width:.875rem;height:.875rem;color:var(--color-surface-300, #d4d4d8);transition:color .3s ease}.testimonial-card.is-active .testimonial-card-stars svg,.testimonial-card:hover .testimonial-card-stars svg{color:#f59e0b}.testimonial-card-company{font-size:.875rem;font-weight:800;color:var(--color-surface-900, #18181b);letter-spacing:-.01em;line-height:1.2}.testimonial-card-person{font-size:.75rem;font-weight:500;color:var(--color-surface-500, #71717a);line-height:1.3}.testimonial-card-title{font-size:.65rem;font-weight:500;color:var(--color-surface-400, #a1a1aa);line-height:1.3}.testimonial-card.is-active .testimonial-card-company{color:var(--color-brand-600, #2563eb)}.testimonial-bubble{position:relative;border-radius:1.25rem;overflow:hidden;opacity:0;transform:translateY(12px) scale(.98);transition:all .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none;background:#fff;border:1px solid var(--color-surface-200, #e4e4e7)}.testimonial-fullwidth .testimonial-bubble{max-width:48rem;margin-left:auto;margin-right:auto}.testimonial-bubble.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.testimonial-bubble-accent{position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-brand-400, #60a5fa),var(--color-brand-600, #2563eb));border-radius:4px 0 0 4px}.testimonial-bubble-content{padding:1rem 1.5rem}.testimonial-quote-icon{width:1.5rem;height:1.5rem;margin-bottom:.5rem}.testimonial-quote-text{font-size:1rem;line-height:1.6;color:var(--color-surface-800, #27272a);margin-bottom:.75rem;font-weight:500;min-height:5rem;font-style:italic;max-width:48rem}.testimonial-attribution{display:flex;align-items:center;gap:.5rem}.testimonial-name{font-weight:700;color:var(--color-surface-900, #18181b)}.testimonial-title{font-size:.85rem;font-weight:500;color:var(--color-surface-500, #71717a)}.testimonial-title:before{content:"—";margin-right:.5rem;color:var(--color-surface-300, #d4d4d8)}.testimonial-company{color:var(--color-brand-500, #0c85f2);font-weight:600}.testimonial-company:before{content:"—";margin-right:.5rem;color:var(--color-surface-300, #d4d4d8)}.testimonial-dark .testimonial-card{background:#ffffff14;border-color:#ffffff26}.testimonial-dark .testimonial-card:hover{background:#ffffff24;border-color:#ffffff40;box-shadow:0 4px 16px #00000026}.testimonial-dark .testimonial-card.is-active{background:#ffffff2e;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1f,0 4px 16px #00000026}.testimonial-dark .testimonial-card-stars svg{color:#ffffff4d}.testimonial-dark .testimonial-card.is-active .testimonial-card-stars svg,.testimonial-dark .testimonial-card:hover .testimonial-card-stars svg{color:#fbbf24}.testimonial-dark .testimonial-card-company,.testimonial-dark .testimonial-card.is-active .testimonial-card-company{color:#fff}.testimonial-dark .testimonial-card-person,.testimonial-dark .testimonial-card-title{color:#ffffffe6}.testimonial-dark .testimonial-bubble{background:#ffffff1a;border-color:#ffffff26}.testimonial-dark .testimonial-bubble-accent{background:linear-gradient(180deg,#fff9,#fff3)}.testimonial-dark .testimonial-quote-text,.testimonial-dark .testimonial-name{color:#fff}.testimonial-dark .testimonial-title{color:#fffc}.testimonial-dark .testimonial-title:before{color:#ffffff4d}.testimonial-dark .testimonial-company{color:#ffffffb3}.testimonial-dark .testimonial-company:before{color:#ffffff4d}
