<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: en }}">
	{%- include head.html -%} 
	<body>
		<!-- {%- include header.html -%} -->
		<div class="container">
			<main>
				<div class="landing-logo-container">
					<a id="home-link" href="/index.html">
						<img class="menu-logo" src="/assets/base/caution-logo-triangle-black.svg"
						  alt="Caution triangle logo with black text" />
					  </a>
				</div>



				<section class="flex-container capsule-header video-content">
					<div class="flex-container-inner">
						<div class="text-well center">
							<br>
							<h1 class="hero-title gradient-text hero-header">
								Security, rethought
							</h1>
							<br>
							<p class="hero-p center" style="max-width: 40rem">We're building something secure, open, and long overdue. Sign up for updates and get early access.</p>
						</div>
					</div>
				</section>

				</section>
				
				
				
				<div class="form-container card" style="font-size: 1.1rem; padding: 10px 15px 0px 30px">
					<form onsubmit="return validateForm()" action="/submit-email" method="post" class="inline-email-form">
					  <label for="email" class="form-label required" style="margin-bottom: 0.5rem;">Your email</label>
					  <div class="form-row">
						<input placeholder="Enter your email address" type="email" id="email" name="email" class="form-input" required>
						<button type="submit" class="circle-btn" aria-label="Submit email">
						  <span class="arrow">→</span>
						</button>
					  </div>
					</form>
				  </div>
				

				
				<!--
				  <div class="form-container card" style="font-size: 1.1rem; padding: 30px 30px 10px 30px">
					<form onsubmit="return validateForm()" action="/submit-email" method="post">
						<div class="form-flex-container">
						
							<div class="form-row">
								<div class="form-half">
									<label for="email" class="form-label required">Your email</label>
									<input placeholder="Enter your email address" type="email" id="email" name="email" class="form-input" required>
								</div>
								<div class="form-half">
									<button type="submit" class="contact-button">Submit</button>
								</div>
							  </div>
					</form>
				</div>
				-->
	
			</main>
		</div>
		{%- include footer.html -%}
	</body>
</html>
