.ls-why {
      font-family: Arial, Helvetica, sans-serif;
      color: #222;
      padding: 56px 20px;
    }

    .ls-why * {
      box-sizing: border-box;
    }

    .ls-why__inner {
      max-width: 1180px;
      margin: 0 auto;
    }

    .ls-why__header {
      max-width: 820px;
      margin: 0 auto 46px;
      text-align: center;
    }

    .ls-why__eyebrow {
      margin: 0 0 10px;
      color: #8b5a2b;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .ls-why h1,
    .ls-why h2,
    .ls-why h3 {
      margin: 0;
      color: #202020;
    }

    .ls-why h1 {
      font-size: 40px;
      line-height: 1.18;
    }

    .ls-why__header p {
      margin: 16px 0 0;
      color: #555;
      font-size: 16px;
      line-height: 1.75;
    }

    .ls-why__benefits {
      display: grid;
      gap: 34px;
      margin-bottom: 64px;
    }

    .ls-why__benefit {
      display: grid;
      grid-template-columns: minmax(260px, .92fr) minmax(0, 1.08fr);
      gap: 32px;
      align-items: center;
      padding-bottom: 34px;
      border-bottom: 1px solid #e4ded6;
    }

    .ls-why__benefit:nth-child(even) {
      grid-template-columns: minmax(0, 1.08fr) minmax(260px, .92fr);
    }

    .ls-why__benefit:nth-child(even) .ls-why__media {
      order: 2;
    }

    .ls-why__media img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 8px;
    }

    .ls-why__number {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 34px;
      margin-bottom: 14px;
      border: 1px solid #8b5a2b;
      border-radius: 50%;
      color: #8b5a2b;
      font-size: 14px;
      font-weight: 700;
    }

    .ls-why__content h2 {
      font-size: 24px;
      line-height: 1.3;
      margin-bottom: 12px;
    }

    .ls-why__content p {
      margin: 0;
      color: #555;
      font-size: 15.5px;
      line-height: 1.76;
    }

    .ls-why__faq {
      padding-top: 8px;
    }

    .ls-why__faq-head {
      max-width: 760px;
      margin-bottom: 26px;
    }

    .ls-why__faq-head h2 {
      font-size: 30px;
      line-height: 1.25;
    }

    .ls-why__faq-head p {
      margin: 12px 0 0;
      color: #555;
      font-size: 16px;
      line-height: 1.7;
    }

    .ls-why__faq-list {
      border-top: 1px solid #e4ded6;
    }

    .ls-why__faq-item {
      border-bottom: 1px solid #e4ded6;
    }

    .ls-why__faq-item summary {
      position: relative;
      padding: 20px 46px 20px 0;
      cursor: pointer;
      color: #202020;
      font-size: 17px;
      font-weight: 700;
      line-height: 1.45;
      list-style: none;
    }

    .ls-why__faq-item summary::-webkit-details-marker {
      display: none;
    }

    .ls-why__faq-item summary::after {
      content: "+";
      position: absolute;
      top: 50%;
      right: 4px;
      transform: translateY(-50%);
      color: #8b5a2b;
      font-size: 24px;
      font-weight: 400;
    }

    .ls-why__faq-item[open] summary::after {
      content: "-";
    }

    .ls-why__faq-answer {
      padding: 0 0 20px;
      color: #555;
      font-size: 15.5px;
      line-height: 1.75;
    }

    @media (max-width: 820px) {
      .ls-why h1 {
        font-size: 32px;
      }

      .ls-why__benefit,
      .ls-why__benefit:nth-child(even) {
        grid-template-columns: 1fr;
        gap: 18px;
      }

      .ls-why__benefit:nth-child(even) .ls-why__media {
        order: 0;
      }
    }

    @media (max-width: 560px) {
      .ls-why {
        padding: 42px 16px;
      }

      .ls-why h1 {
        font-size: 28px;
      }

      .ls-why__content h2,
      .ls-why__faq-head h2 {
        font-size: 23px;
      }
    }