/* Home social links: keep a balanced grid and clear keyboard/touch targets. */
.social-proof { margin-block: 1.75rem 2.5rem; }
.social-proof__intro { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1.5rem; margin-bottom: 1rem; }
.social-proof__heading { margin: 0; color: var(--text); font-family: var(--font-mono); font-size: .8rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.social-proof__intro p { margin: 0; color: var(--text-dim); font-size: .875rem; line-height: 1.5; }
.social-proof .proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .875rem; background: transparent; border: 0; }
.social-proof .proof { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; min-width: 0; min-height: 112px; padding: 1.5rem; background: var(--bg); border: 1px solid var(--line); text-decoration: none; transition: border-color .18s ease, background-color .18s ease; }
.social-proof__copy { display: flex; min-width: 0; flex-direction: column; gap: .65rem; }
.social-proof .proof__label { font-size: 1rem; line-height: 1.3; letter-spacing: .08em; }
.social-proof .proof__action { font-size: .6875rem; line-height: 1.5; letter-spacing: .08em; color: var(--accent-bright, var(--accent)); }
.social-proof__arrow { display: grid; place-items: center; flex: 0 0 2rem; width: 2rem; height: 2rem; border: 1px solid var(--line); color: var(--accent); font-family: var(--font-sans); font-size: 1.25rem; line-height: 1; transition: background-color .18s ease, color .18s ease, border-color .18s ease; }
.social-proof .proof:hover, .social-proof .proof:focus-visible { background: var(--surface); border-color: var(--accent); }
.social-proof .proof:focus-visible { outline: 2px solid var(--accent-bright, var(--accent)); outline-offset: 3px; }
.social-proof .proof:hover .social-proof__arrow, .social-proof .proof:focus-visible .social-proof__arrow { background: var(--accent); border-color: var(--accent); color: var(--bg); }
@media (max-width: 850px) { .social-proof .proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .social-proof__intro { display: block; } .social-proof__intro p { margin-top: .5rem; } .social-proof .proof-grid { grid-template-columns: minmax(0, 1fr); gap: .625rem; } .social-proof .proof { min-height: 90px; padding: 1.125rem; } }
@media (prefers-reduced-motion: reduce) { .social-proof .proof, .social-proof__arrow { transition: none; } }