<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: en }}">
	{%- include head.html -%}

<!-- index.html -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Caution Waitlist</title>
  <link rel="stylesheet" href="styles.css">
  <style>
	html, body {
  		height: 100vh;
		width: 100vw;
		overflow-x: hidden;
		overflow-y: auto;
	}
  </style>
</head>

<body>
 	<section class="logo-section center"></section>
		<div class="logo">
    		<img src="/assets/base/caution-logo-triangle-black.svg" alt="Caution logo" style="height: clamp(3rem, 10vw, 4rem)">
  		</div>
		<div class="heading center">
			<h3>Thank you, you'll hear from us soon.</h3>
			<p class="subtext  center">
			  </p>
		</div>
  	</section>



<div class="footer">
	<p>Brought to you by the security engineers behind Distrust, BitGo, Unit410 and Turkney.</p>
</div>

</html>

