It's confusing because my first instinct was to type my credit card info on the card itself. It took me a few seconds to realize there was a form below it.
Same here, but aside from that, I think this is very neat. Maybe if instead of the card being grayed out before you enter input, it could be entirely invisible. But then the empty space above the form would seem strange at first.
or just the empty recognizable outline of a card (the rectangle with the rounded corners) with no fields. then on first keystroke populate the fields, etc.
I also tried clicking on the card itself. Why not allow that? Otherwise maybe have a hover div to the right of the input fields that only is displayed while any of the credit card fields are active.
