.faq-page {
      max-width: 1080px;
      margin: 0 auto;
      padding: 64px 24px;
      color: #3f3632;
      font-family: Arial, Helvetica, sans-serif;
      background: #fffdf9;
    }

    .faq-header {
      max-width: 760px;
      margin-bottom: 42px;
    }

    .faq-eyebrow {
      margin: 0 0 12px;
      color: #E87B14;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 1.8px;
      text-transform: uppercase;
    }

    .faq-title {
      margin: 0 0 16px;
      color: #332b27;
      font-size: clamp(30px, 4vw, 48px);
      line-height: 1.15;
    }

    .faq-intro {
      margin: 0;
      color: #716762;
      font-size: 17px;
      line-height: 1.75;
    }

    .faq-list {
      display: grid;
      gap: 18px;
    }

    .faq-item {
      position: relative;
      padding: 28px 32px 28px 70px;
      border: 1px solid #e8ded3;
      border-radius: 8px;
      background: #ffffff;
      transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
    }

    .faq-item::before {
      content: "";
      position: absolute;
      top: 28px;
      left: 30px;
      width: 22px;
      height: 22px;
      border: 1px solid #E87B14;
      border-radius: 50%;
      transition:
        background-color 0.3s ease,
        transform 0.3s ease;
    }

    .faq-item::after {
      content: "";
      position: absolute;
      top: 35px;
      left: 38px;
      width: 0;
      height: 0;
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
      border-left: 6px solid #E87B14;
      transition:
        transform 0.3s ease,
        border-left-color 0.3s ease;
    }

    .faq-item:hover,
    .faq-item:focus-within {
      border-color: #E87B14;
      box-shadow: 0 10px 26px rgba(120, 72, 35, 0.10);
      transform: translateY(-3px);
    }

    .faq-item:hover::before,
    .faq-item:focus-within::before {
      background: #E87B14;
      transform: scale(1.12);
    }

    .faq-item:hover::after,
    .faq-item:focus-within::after {
      border-left-color: #ffffff;
      transform: translateX(2px);
    }

    .faq-question {
      margin: 0 0 12px;
      color: #3d302a;
      font-size: 20px;
      line-height: 1.45;
    }

    .faq-answer {
      margin: 0;
      color: #716762;
      font-size: 16px;
      line-height: 1.8;
    }

    .faq-answer a {
      color: #C65F0B;
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    @media (max-width: 640px) {
      .faq-page {
        padding: 44px 16px;
      }

      .faq-item {
        padding: 24px 22px 24px 58px;
      }

      .faq-item::before {
        top: 25px;
        left: 22px;
      }

      .faq-item::after {
        top: 32px;
        left: 30px;
      }

      .faq-question {
        font-size: 18px;
      }

      .faq-answer {
        font-size: 15px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .faq-item,
      .faq-item::before,
      .faq-item::after {
        transition: none;
      }
    }