.testimonial-showcase { padding: clamp(60px,8vw,110px) 20px; color: #aeb7c7; background: radial-gradient(circle at 50% 0,rgba(124,108,255,.1),transparent 34%),#080b12; }.testimonial-showcase > * { max-width: 1380px; margin-left: auto; margin-right: auto; }.testimonial-heading { max-width: 720px; margin-bottom: 42px; text-align: center; }.testimonial-heading > p { margin: 0 0 9px; color: #978cff; font-size: .74rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }.testimonial-heading h2 { margin: 0 0 13px; color: #f7f9fc; font-size: clamp(2.2rem,5vw,4rem); letter-spacing: -.045em; }.testimonial-heading div { color: #9da6b7; }.testimonial-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin-bottom: 34px; }.testimonial-filters button { padding: 9px 14px; color: #aeb7c7; background: #141925; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; cursor: pointer; }.testimonial-filters button.is-active { color: #fff; background: #705ff1; border-color: #705ff1; }.testimonial-filters small { margin-left: 6px; opacity: .65; }.testimonial-grid { display: grid; gap: 20px; }.testimonial-desktop-1 .testimonial-grid { grid-template-columns: 1fr; }.testimonial-desktop-2 .testimonial-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.testimonial-desktop-3 .testimonial-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.testimonial-desktop-4 .testimonial-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }.testimonial-card { padding: 24px; background: linear-gradient(145deg,#171d2a,#10151f); border: 1px solid rgba(255,255,255,.1); border-radius: 20px; box-shadow: 0 18px 50px rgba(0,0,0,.2); }.testimonial-card__top { display: flex; gap: 12px; align-items: center; }.testimonial-avatar { display: grid; width: 43px; height: 43px; flex: 0 0 43px; color: #fff; font-weight: 750; background: linear-gradient(145deg,#7765f5,#ae55c9); border-radius: 13px; place-items: center; }.testimonial-card h3 { margin: 0; color: #f3f5f9; font-size: 1rem; }.testimonial-card__top div span { color: #788397; font-size: .76rem; }.testimonial-platform { margin-left: auto; padding: 5px 8px; color: #b9b1ff; font-size: .68rem; font-weight: 700; background: rgba(112,95,241,.14); border-radius: 7px; }.testimonial-stars { margin: 20px 0 12px; color: #f4b942; letter-spacing: 3px; }.testimonial-card blockquote { margin: 0 0 18px; color: #c9cfda; font-size: .93rem; line-height: 1.72; }.testimonial-card blockquote p:last-child { margin: 0; }.testimonial-card time { color: #707b8e; font-size: .74rem; }.testimonial-sentinel { display: flex; height: 70px; align-items: center; justify-content: center; gap: 10px; color: #737e91; }.testimonial-sentinel span { display: none; width: 22px; height: 22px; border: 2px solid #333b4d; border-top-color: #7868f4; border-radius: 50%; animation: testimonial-spin .7s linear infinite; }.testimonial-sentinel.is-loading span { display: block; }.testimonial-sentinel em { display: none; font-style: normal; }.testimonial-sentinel.is-loading em { display: block; }@keyframes testimonial-spin { to { transform:rotate(360deg); } }@media(max-width:1050px){.testimonial-tablet-1 .testimonial-grid{grid-template-columns:1fr}.testimonial-tablet-2 .testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonial-tablet-3 .testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.testimonial-tablet-4 .testimonial-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.testimonial-showcase{padding:55px 14px}.testimonial-mobile-1 .testimonial-grid{grid-template-columns:1fr}.testimonial-mobile-2 .testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonial-mobile-3 .testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.testimonial-mobile-4 .testimonial-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.testimonial-grid{gap:12px}.testimonial-card{padding:17px}.testimonial-platform{font-size:.6rem}}
.testimonial-card{position:relative;animation:testimonial-in .45s ease both;transition:transform .25s,box-shadow .25s}.testimonial-card::before{content:"";position:absolute;inset:-1px;padding:1px;background:conic-gradient(from var(--testimonial-angle,0deg),transparent 0 62%,#7564f3 72%,#42d6c6 82%,transparent 92%);border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .2s;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 24px 65px rgba(0,0,0,.34)}.testimonial-card:hover::before{opacity:1;animation:testimonial-border 2.4s linear infinite}@property --testimonial-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes testimonial-border{to{--testimonial-angle:360deg}}@keyframes testimonial-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.testimonial-layout-masonry .testimonial-grid{display:block;column-gap:20px}.testimonial-layout-masonry .testimonial-card{width:100%;margin:0 0 20px;break-inside:avoid;page-break-inside:avoid}.testimonial-layout-masonry.testimonial-desktop-1 .testimonial-grid{column-count:1}.testimonial-layout-masonry.testimonial-desktop-2 .testimonial-grid{column-count:2}.testimonial-layout-masonry.testimonial-desktop-3 .testimonial-grid{column-count:3}.testimonial-layout-masonry.testimonial-desktop-4 .testimonial-grid{column-count:4}@media(max-width:1050px){.testimonial-layout-masonry.testimonial-tablet-1 .testimonial-grid{column-count:1}.testimonial-layout-masonry.testimonial-tablet-2 .testimonial-grid{column-count:2}.testimonial-layout-masonry.testimonial-tablet-3 .testimonial-grid{column-count:3}.testimonial-layout-masonry.testimonial-tablet-4 .testimonial-grid{column-count:4}}@media(max-width:650px){.testimonial-layout-masonry.testimonial-mobile-1 .testimonial-grid{column-count:1}.testimonial-layout-masonry.testimonial-mobile-2 .testimonial-grid{column-count:2}.testimonial-layout-masonry.testimonial-mobile-3 .testimonial-grid{column-count:3}.testimonial-layout-masonry.testimonial-mobile-4 .testimonial-grid{column-count:4}.testimonial-layout-masonry .testimonial-card{margin-bottom:12px}}

/* JS measures each card and spans tiny grid rows, preserving reading order while packing gaps. */
.testimonial-layout-masonry .testimonial-grid{display:grid;grid-auto-rows:1px;column-count:auto;column-gap:20px;row-gap:0}.testimonial-layout-masonry .testimonial-card{width:auto;margin:0 0 20px;align-self:start;break-inside:auto;page-break-inside:auto}.testimonial-layout-masonry.testimonial-desktop-1 .testimonial-grid,.testimonial-layout-masonry.testimonial-desktop-2 .testimonial-grid,.testimonial-layout-masonry.testimonial-desktop-3 .testimonial-grid,.testimonial-layout-masonry.testimonial-desktop-4 .testimonial-grid{column-count:auto}@media(max-width:1050px){.testimonial-layout-masonry.testimonial-tablet-1 .testimonial-grid,.testimonial-layout-masonry.testimonial-tablet-2 .testimonial-grid,.testimonial-layout-masonry.testimonial-tablet-3 .testimonial-grid,.testimonial-layout-masonry.testimonial-tablet-4 .testimonial-grid{column-count:auto}}@media(max-width:650px){.testimonial-layout-masonry.testimonial-mobile-1 .testimonial-grid,.testimonial-layout-masonry.testimonial-mobile-2 .testimonial-grid,.testimonial-layout-masonry.testimonial-mobile-3 .testimonial-grid,.testimonial-layout-masonry.testimonial-mobile-4 .testimonial-grid{column-count:auto}.testimonial-layout-masonry .testimonial-card{margin-bottom:12px}}