<div style="margin:0 auto;padding:40px 0 16px;text-align:left;">
  <div style="display:inline-block;vertical-align:middle;width:100%;max-width:440px;padding:0 16px 24px;box-sizing:border-box;">
    <p style="margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#4888c8;">Perspio Developer Hub</p>
    <h1 style="margin:0 0 16px;padding:0;border:0;font-size:38px;line-height:1.12;font-weight:800;color:#0f202b;text-wrap:balance;">Build on your asset data</h1>
    <p style="margin:0 0 26px;font-size:17px;line-height:1.6;color:#44535e;">Connect Perspio to the systems you already run. Pull live asset, device and telemetry data, push updates back, and automate what happens next with the PerspioTalk REST APIs.</p>
    <p style="margin:0 0 18px;">
      <a href="/reference/getting-started-with-your-api" style="display:inline-block;margin:0 10px 10px 0;padding:12px 20px;border-radius:8px;background:#0f202b;color:#ffffff;font-weight:600;text-decoration:none;">Make your first call</a>
      <a href="/reference/rest-api-overview" style="display:inline-block;margin:0 10px 10px 0;padding:11px 19px;border-radius:8px;border:1px solid #0f202b;color:#0f202b;font-weight:600;text-decoration:none;">Browse the API reference</a>
    </p>
    <p style="margin:0;font-size:14px;color:#6b7a86;">Stuck? Visit the <a href="https://help.perspio.io" style="color:#4888c8;">Help Centre</a> or check the <a href="https://status.perspio.io" style="color:#4888c8;">system status</a>.</p>
  </div><div style="display:inline-block;vertical-align:middle;width:100%;max-width:480px;padding:0 16px 24px;box-sizing:border-box;">
    <img src="https://files.readme.io/46b7e5041f6bc0dd0cfa04043a09d00c814f9fa6c55841f219c05568483f7dc5-perspio-devhub-hero.svg" alt="A map of assets in a geofence, a device sending telemetry, and an API call returning an asset as JSON" style="display:block;width:100%;height:auto;margin:0;border:0;box-shadow:none;background:transparent;" />
  </div>
</div>
<div style="margin:0 auto;padding:8px 0 48px;text-align:left;">
  <a href="/reference/getting-started-with-your-api" style="display:inline-block;vertical-align:top;width:100%;max-width:440px;min-height:104px;margin:0 8px 16px;padding:18px 22px;box-sizing:border-box;border:1px solid #d9e3ec;border-radius:12px;background:#ffffff;text-decoration:none;">
    <span style="display:block;margin:0 0 6px;font-size:16px;font-weight:700;color:#0f202b;">Quickstart</span>
    <span style="display:block;font-size:14px;line-height:1.5;color:#5b6b77;">Go from nothing to a working API call in three steps.</span>
  </a><a href="/reference/authentication" style="display:inline-block;vertical-align:top;width:100%;max-width:440px;min-height:104px;margin:0 8px 16px;padding:18px 22px;box-sizing:border-box;border:1px solid #d9e3ec;border-radius:12px;background:#ffffff;text-decoration:none;">
    <span style="display:block;margin:0 0 6px;font-size:16px;font-weight:700;color:#0f202b;">Authentication</span>
    <span style="display:block;font-size:14px;line-height:1.5;color:#5b6b77;">Create an API application and get an access token.</span>
  </a><a href="/reference/rest-api-overview" style="display:inline-block;vertical-align:top;width:100%;max-width:440px;min-height:104px;margin:0 8px 16px;padding:18px 22px;box-sizing:border-box;border:1px solid #d9e3ec;border-radius:12px;background:#ffffff;text-decoration:none;">
    <span style="display:block;margin:0 0 6px;font-size:16px;font-weight:700;color:#0f202b;">REST API overview</span>
    <span style="display:block;font-size:14px;line-height:1.5;color:#5b6b77;">Base URLs, paging, errors and rate limits.</span>
  </a><a href="/docs" style="display:inline-block;vertical-align:top;width:100%;max-width:440px;min-height:104px;margin:0 8px 16px;padding:18px 22px;box-sizing:border-box;border:1px solid #d9e3ec;border-radius:12px;background:#ffffff;text-decoration:none;">
    <span style="display:block;margin:0 0 6px;font-size:16px;font-weight:700;color:#0f202b;">Guides</span>
    <span style="display:block;font-size:14px;line-height:1.5;color:#5b6b77;">How Perspio works: assets, connectors, workflows and more.</span>
  </a>
</div>