@media (max-width: 540px) {
  .benefits {
    gap: 10px;
    margin: 0 12px;
    padding: 12px;
    background: rgba(8, 20, 29, .76);
    border: 1px solid rgba(22, 200, 245, .18);
    border-radius: 14px;
  }

  .benefit,
  .benefit:last-child {
    min-width: 0;
    padding: 16px !important;
    gap: 13px;
    border: 1px solid rgba(184, 195, 206, .18) !important;
    border-radius: 10px;
    background: linear-gradient(115deg, rgba(14, 31, 42, .9), rgba(7, 16, 23, .84));
    box-shadow: inset 2px 0 0 rgba(255, 100, 31, .48), inset 0 1px 0 rgba(22, 200, 245, .17);
  }

  .benefit h2 { margin: 1px 0 7px; font-size: 14px; line-height: 1.3; }
  .benefit p { font-size: 11px; line-height: 1.5; }
  .benefit p br { display: none; }
}