
.why-title{
  background:linear-gradient(90deg,#fff 0%,#fff8fb 100%);
  border-bottom:1px solid #f0edf1;
  padding:58px 0 55px;
}
.why-breadcrumb{
  color:var(--pink);
  font-size:12px;
  font-weight:800;
  margin-bottom:22px;
}
.why-title h1{
  font-family:Manrope,Inter,sans-serif;
  font-size:43px;
  line-height:1.12;
  letter-spacing:-1.35px;
  margin:0 0 17px;
  color:var(--text);
}
.why-title p{
  margin:0;
  color:var(--muted);
  font-size:14px;
}
.why-content{
  padding:70px 0 74px;
}
.why-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.why-card{
  background:#fff;
  border:1px solid #e7eaf0;
  border-radius:14px;
  padding:24px 22px 23px;
  min-height:185px;
  box-shadow:0 7px 24px rgba(16,32,58,.045);
}
.why-icon{
  width:38px;
  height:38px;
  border-radius:10px;
  background:#fff0f7;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  margin-bottom:17px;
}
.why-card h3{
  margin:0 0 10px;
  font-size:16px;
  color:var(--text);
}
.why-card p{
  margin:0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.7;
}
.why-cta{
  background:linear-gradient(100deg,#151c35 0%,#241730 58%,#35142f 100%);
  color:#fff;
  padding:43px 0;
}
.why-cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
}
.why-cta h2{
  font-family:Manrope,Inter,sans-serif;
  font-size:27px;
  line-height:1.35;
  margin:0 0 9px;
  max-width:620px;
}
.why-cta p{
  margin:0;
  color:#dce1eb;
  font-size:12.5px;
}
.why-cta-btn{
  background:#fff;
  color:var(--pink);
  min-height:48px;
  padding:0 23px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}
.why-cta-btn span{margin-left:6px}
@media(max-width:900px){
  .why-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:780px){
  .why-title{padding:44px 0}
  .why-title h1{font-size:37px}
  .why-content{padding:52px 0 58px}
  .why-cta-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:520px){
  .why-title h1{font-size:33px}
  .why-grid{grid-template-columns:1fr}
  .why-card{min-height:auto}
  .why-cta h2{font-size:23px}
}
