Competitor Rate Grid

Use my Veetal Connect data to build a competitor rate grid for my hotel,
for a stay I choose, using live Booking.com rates.

I want the view a revenue manager reads every morning: my hotel against the
hotels I compete with, and what each of them is charging right now for that
stay. Work out what data you need and fetch it.

Build it as a single self-contained HTML page — plain HTML and CSS, no
frameworks, no build step, no external requests:

- One row per property: my hotel pinned to the top and visually separated,
  then every competitor.
- For each property, the cheapest available rate for the stay, plus the room
  type, board and whether it is refundable.
- Colour each row by where it sits against the set: cheapest, mid, priciest.
- A summary line: the set's median rate, my position in the ranking, and the
  gap to the cheapest competitor in money and percent.
- Show how many rooms are left when the data says so — a low count next to a
  high price is a different signal than a high price alone.
- Leave a property visibly empty when it returns no availability, and never
  invent a price.
- Because these are live calls, show progress as each hotel comes back rather
  than a single long spinner.

Clean and readable at a glance, works in light and dark. Use only real values
from my data.