.team-hero .btn-primary { margin-top: 28px; }
.team-benefits { background: var(--bg-body); }
.benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.benefit-card { min-height: 310px; padding: clamp(28px, 4vw, 42px); display: flex; flex-direction: column; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--card-bg); transition: transform var(--trans-bounce), border-color .3s; }
.benefit-card:hover { transform: translateY(-7px); border-color: rgba(212,137,26,.46); }
.benefit-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: rgba(212,137,26,.12); color: var(--gold); font-size: 21px; }
.benefit-card h2 { margin: auto 0 12px; font-family: var(--fd); font-size: 31px; line-height: 1; letter-spacing: .03em; text-transform: uppercase; }
.benefit-card p { margin: 0; color: var(--text-muted); }
@media (max-width: 820px) { .benefit-grid { grid-template-columns: 1fr; } .benefit-card { min-height: 220px; } }