/* Category filter */
    .filter-bar {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      margin-bottom: 18px;
    }
    .filter-btn {
      padding: 6px 16px;
      border-radius: 99px;
      border: 1px solid var(--border);
      background: var(--bg2);
      color: var(--text-muted);
      font-size: 0.82rem;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.2s;
    }
    .filter-btn:hover, .filter-btn.active {
      background: var(--accent);
      border-color: var(--accent);
      color: #000;
    }

    /* "How it works" strip */
    .how-strip {
      background: var(--bg2);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      padding: 40px 48px;
      margin: 64px 0;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 32px;
    }
    .how-step { text-align: center; }
    .how-num {
      width: 44px;
      height: 44px;
      background: linear-gradient(135deg, var(--accent), var(--accent2));
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--font-head);
      font-weight: 700;
      font-size: 1.1rem;
      color: #000;
      margin: 0 auto 14px;
    }
    .how-step h3 {
      font-family: var(--font-head);
      font-weight: 600;
      font-size: 1rem;
      margin-bottom: 6px;
    }
    .how-step p { font-size: 0.875rem; color: var(--text-muted); }

    @media (max-width: 640px) {
      .how-strip { grid-template-columns: 1fr; padding: 28px 24px; }
    }