/* ==========================================================================
   Features — "Proč TOWER ve výuce"
   ========================================================================== */

.features { background: var(--surface-alt); padding: 128px 0; }
.features__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.feature { display: flex; flex-direction: column; gap: 16px; }
.feature__icon { width: 56px; height: 56px; transition: transform .25s ease; }
.feature__icon svg { width: 100%; height: 100%; }
.feature:hover .feature__icon { transform: scale(1.03); }
.feature h3 {
  font-size: 18px; font-weight: 700; color: var(--text);
  text-transform: uppercase; letter-spacing: .025em; line-height: 28px;
  padding-top: 8px;
}
.feature p { font-size: 16px; line-height: 26px; color: var(--text-mute); }