/*
 * Testimonials — Why Choose Us tab (bento grid)
 * Depends on: design-tokens.css, log-test-explorer.css
 * Page: body.log-testimonials-page
 */

.bento-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.bento-row2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 14px; }

.bt { border-radius: var(--r-md); padding: 20px 18px; transition: transform .35s var(--ease), box-shadow .35s var(--ease); position: relative; overflow: hidden; }
.bt:hover { transform: translateY(-5px); }
.bt-ico { font-size: 22px; }
.bt-stat { font-family: var(--display); font-weight: 800; font-size: 22px; margin-top: 8px; line-height: 1.2; }
.bt-title { font-weight: 700; font-size: 13px; line-height: 1.2; margin-top: 5px; }
.bt-desc { font-size: 11px; line-height: 1.55; margin-top: 5px; opacity: .85; }

.bt-plum { background: linear-gradient(160deg, var(--plum-900), var(--plum-700)); color: #fff; }
.bt-sage { background: linear-gradient(160deg, var(--sage-700), var(--sage-600)); color: #fff; }
.bt-dark { background: var(--ink-900); color: #fff; }
.bt-white { background: var(--paper-50); border: 1px solid var(--line); color: var(--ink-900); }
.bt-white:hover { box-shadow: var(--shadow-md); }

@media(max-width:760px) {
	.bento-grid, .bento-row2 { grid-template-columns: 1fr 1fr; gap: 10px; }
	.bt { padding: 15px 13px; }
	.bt-stat { font-size: 18px; }
}