:root{
  
  --benefits-bg:#1f1f1f;
  --benefits-card:rgba(255,255,255,.035);
  --benefits-border:rgba(255,255,255,.07);
  --benefits-title:#fff;
  --benefits-text:#e5e5e5;
  --benefits-muted:#c8c8c8;
}
.benefits{
  background:var(--benefits-bg);
  color:#fff;
}
.entry-content > .benefits{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.entry-content > .benefits{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.benefits-inner{
  max-width: none;
  margin: 0;
  padding: 64px clamp(16px,3.5vw,48px);
}
.benefits-title{
  margin:0 0 28px 0 !important;
  color:var(--benefits-title);
  font-weight:900;
  line-height:1.05;
  letter-spacing:.2px;
  font-size:clamp(28px, 5vw, 56px);
}
.benefits-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,2.2vw,24px);
  list-style:none;
  margin:0; padding:0;
}
.benefit-card{
  display:flex; align-items:flex-start; gap:16px;
  padding:22px 20px;
  background:var(--benefits-card);
  border:1px solid var(--benefits-border);
  border-radius:20px;
  backdrop-filter:saturate(120%) blur(4px);
  box-shadow:0 14px 34px rgba(0,0,0,.28);        
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.benefit-card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 42px rgba(0,0,0,.34);
  background:rgba(255,255,255,.045);
}
.benefit-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:50px; height:50px; flex:0 0 50px;
  border-radius:12px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
}
.benefit-icon svg{
  width:28px; height:28px; color:#fff; opacity:.95;
}
.benefit-caption{ display:flex; flex-direction:column; gap:6px }
.benefit-h{ font-weight:800; color:#fff; font-size:18px; line-height:1.25 }
.benefit-p{ color:var(--benefits-text); font-size:15px; line-height:1.45; opacity:.95 }
@media (max-width: 1100px){
  .benefits-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px){
  .benefits-grid{ grid-template-columns:1fr; }
  .benefits-title{ font-size:clamp(26px, 7vw, 38px); }
  .benefit-card{ padding:18px 16px; }
}