/* =========================================================
   FEATURES
   ========================================================= */
.ff-features-wrap{ padding:60px 0 100px; }
.ff-features{
  background:var(--ff-black-soft);
  border:1px solid var(--ff-border);
  border-radius:20px;
  padding:56px 60px 60px;
}
.ff-features-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:60px;
  margin-bottom:48px;
}
.ff-features-top h2{
  font-size:clamp(28px,4vw,42px);
  color:var(--ff-white);
  max-width:520px;
}
.ff-features-top .ff-section-desc{ max-width:420px; padding-bottom:6px; }

.ff-features-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:36px;
  margin-bottom:44px;
}
.ff-feature-icon{
  width:56px; height:56px;
  margin-bottom:22px;
  color:var(--ff-lime);
}
.ff-feature-icon svg{ width:100%; height:100%; }
.ff-feature h3{
  font-size:19px;
  color:var(--ff-white);
  margin-bottom:12px;
}
.ff-feature p{ font-size:14.5px; margin:0; }

.ff-features-actions{
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
}

@media (max-width:900px){
  .ff-features{ padding:40px 26px; }
  .ff-features-top{ flex-direction:column; align-items:flex-start; gap:20px; }
  .ff-features-grid{ grid-template-columns:1fr 1fr; gap:32px; }
}
@media (max-width:560px){
  .ff-features-grid{ grid-template-columns:1fr; }
}