.feature-ui{
  background:linear-gradient(to bottom,#f3f8ff,#ffffff);
  padding:110px 0 0px;
}

.feature-title{
  max-width:820px;
  margin:auto;
  text-align:center;
}

.feature-title h1{
  margin-bottom:14px;
}

.feature-title p{
  margin-bottom:90px; /* v0 spacing */
}

.feature-row{
  margin-bottom:90px; /* space between sections */
}

.feature-visual{
  background:#eef2ff;
  border-radius:20px;
  /* height:260px; */
  display:flex;
  align-items:center;
  justify-content:start;
  padding: 20px;
}

.feature-visual i{
  font-size:64px;
  color:#4f6cf7;
}

.feature-list{
  list-style:none;
  padding:0;
  margin-top:22px;
}

.feature-list li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:12px;
  color:#6b7280;
  font-size:15px;
  line-height:1.6;
}

.feature-list li span{
  width:10px;
  height:10px;
  background:#4f6cf7;
  border-radius:50%;
  margin-top:7px;
  flex-shrink:0;
}
.advanced-ui{
  background:linear-gradient(to bottom,#f3f8ff,#ffffff);
  padding:120px 0;
}

.adv-card{
  background:#f6f9ff;
  border:1px solid #e5ecff;
  border-radius:14px;
  padding:28px 22px;
  text-align:left;
  height:100%;
  transition:.25s;
}

.adv-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 28px rgba(79,108,247,.15);
}

.adv-card i{
  font-size:26px;
  color:#4f6cf7;
  margin-bottom:14px;
  display:inline-block;
}

.adv-card h5{
  font-weight:600;
  margin-bottom:8px;
}

.adv-card p{
  font-size:14px;
  color:#6b7280;
  line-height:1.6;
}

.why-ui{
  background:linear-gradient(to bottom,#f7fbff,#ffffff);
  padding:120px 0;
}

.why-card{
  background:#f8fbff;
  border:1px solid #e5ecff;
  border-radius:14px;
  padding:26px 22px;
  text-align:left;
  height:100%;
  transition:.25s;
}

.why-card:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 24px rgba(79,108,247,.15);
}

.why-card h5{
  font-weight:600;
  margin-bottom:8px;
}

.why-card p{
  font-size:14px;
  color:#6b7280;
  line-height:1.6;
}