/* Homepage-only benefits: readable copy and complete, native-resolution demo details. */
.benefits-demo .benefit-grid{gap:28px;padding:36px 0;align-items:stretch}
.benefits-demo .benefit{min-width:0;display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:0}
.benefits-demo .benefit+.benefit{border:0;padding:0}
.benefits-demo .benefit-heading{display:flex;gap:14px;align-items:center;min-height:46px}
.benefits-demo .icon-box{flex:0 0 46px}
.benefits-demo .benefit h2{font-size:18px;line-height:1.4;letter-spacing:-.3px;margin:0}
.benefits-demo .benefit p{font-size:15px;line-height:1.7;max-width:none;margin:0}
.benefits-demo .benefit img{display:block;width:100%;max-width:360px;height:auto;object-fit:contain;justify-self:center;border:1px solid var(--line);border-radius:16px;background:#f7f8f2}
@media(max-width:900px){
  .benefits-demo .benefit-grid{grid-template-columns:1fr;gap:30px}
  .benefits-demo .benefit{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:28px;row-gap:14px}
  .benefits-demo .benefit img{grid-column:2;grid-row:1/3;align-self:center}
}
@media(max-width:640px){
  .benefits-demo .benefit-grid{padding:28px 0;gap:30px}
  .benefits-demo .benefit{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:14px}
  .benefits-demo .benefit img{grid-column:auto;grid-row:auto}
  .benefits-demo .benefit+.benefit{padding-top:28px;border-top:1px solid var(--line)}
}