/* Section 2 – Keunggulan (compact & rapi) */
.s-features{
  position:relative;
  padding: clamp(20px, 4.5vw, 48px) 0;
  background:
    radial-gradient(800px 400px at 10% 0%, rgba(158,220,255,.12), transparent 60%),
    linear-gradient(180deg, #0b0f1a 0%, #0d1322 100%);
  color:#eaf0ff;
  max-width: clamp(1200px, 85vw, 1400px);
}
.s-features__inner{
  max-width: clamp(1200px, 85vw, 1400px);
  margin:0 auto;
  padding: 0 clamp(14px, 3vw, 20px);
}
.s-features__head{
  text-align:center;
  margin-bottom: clamp(14px, 2.8vw, 22px);
}
.s-features__head h2{
  margin:0 0 6px;
  font-weight:800; line-height:1.1;
  font-size: clamp(20px, 3vw, 28px); /* <— diperkecil */
}
.s-features__head p{
  color:#bcd6ff; margin:0; font-size: clamp(13px, 1.6vw, 14px);
}

/* Grid rapi, kolom konsisten */
.s-features__grid{
  display:grid;
  gap: clamp(10px, 2vw, 16px);
  grid-template-columns: repeat(3, minmax(240px, 1fr)); /* <— tiga kolom desktop */
  align-items: stretch; /* semua item sama tinggi pada setiap baris */
}
@media (max-width: 980px){
  .s-features__grid{ grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}
@media (max-width: 640px){
  .s-features__grid{ grid-template-columns: 1fr; }
}

/* Card lebih padat & sama tinggi */
.fcard{
  height:100%;                      /* <— wajib untuk equal height */
  display:grid;
  grid-template-rows: auto auto 1fr;/* icon, title, desc -> dorong isi rata */
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: clamp(12px, 2vw, 16px);  /* <— diperkecil */
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
  box-shadow: 0 8px 24px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,255,255,.03);
}
.fcard:hover{ transform: translateY(-2px); background: rgba(255,255,255,.06); }

.fcard__icon{
  width:38px; height:38px;          /* <— diperkecil */
  border-radius:10px;
  display:grid; place-items:center;
  background: linear-gradient(135deg, #9edcff, #c39bff);
  box-shadow: 0 6px 18px rgba(120,210,255,.32);
  margin-bottom:8px;
}
.fcard__icon svg{ width:22px; height:22px; fill:#0d1322; }

.fcard h3{
  margin:0 0 4px;
  font: 700 15px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; /* <— diperkecil */
  color:#fff;
}
.fcard p{
  margin:0;
  color:#c9d4ff;
  font-size: 13px;                  /* <— diperkecil */
  line-height: 1.5;
}
