/* HOW IT WORKS */
    #how { background: var(--surface); border-radius: 0; }
    .steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
    .step {
      padding: 32px; background: var(--surface-2); border-radius: var(--radius);
      border: 1px solid var(--border); position: relative;
    }
    .step-num {
      font-family: var(--font-display); font-size: 2.5rem; color: var(--accent);
      opacity: 0.3; position: absolute; top: 20px; right: 24px;
    }
    .step h3 { font-size: 1.05rem; font-weight: 600; margin-bottom: 8px; }
    .step p { font-size: 0.85rem; color: var(--text-muted); }

    /* MENU */
    #menu { background: var(--bg); }
    .menu-grid {
      display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;
    }