diff --git a/_includes/footer.html b/_includes/footer.html
index d7f4d0e..77a9371 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,5 +1,5 @@
 <footer>
-	<div style="display: flex; justify-content: space-between">
+	<div class="footer-container">
 		<div>
 			{{ site.footer }}
 		</div>
diff --git a/_layouts/company.html b/_layouts/company.html
index 1fe58be..dec2f43 100644
--- a/_layouts/company.html
+++ b/_layouts/company.html
@@ -8,7 +8,7 @@
 				<section style="margin-top: 170px">
 					<div class="video-background-container">
 						<video autoplay muted loop playsinline class="video-background">
-							<source src="assets/videos/globe.mp4" type="video/mp4" />
+							<source src="assets/videos/globe.webm" type="video/mp4" />
 						</video>
 						<div class="gradient-overlay"></div>
 					</div>
@@ -21,7 +21,7 @@
 						<br>
 						<br>
 						<br>
-						<p class="hero-p">Too often, security is an afterthought—based on dogma, checklists, and outdated best practices. Distrust was founded to redefine security by developing new methods to eliminate single points of failure, and build systems in a manner where they don't need to be blindly trusted.
+						<p class="hero-p">Too often, security is an afterthought—based on dogma, checklists, and outdated best practices. Distrust was founded to redefine security by developing new methods to eliminate single points of failure, and building systems in a manner where they don't need to be blindly trusted.
 						</p>
 						<p class="hero-p">We don’t just advise on security. We build it. We open-source it. And we teach organizations how to think critically about risk—because security isn’t about checking boxes.
 						</p>
@@ -78,11 +78,11 @@
 					</div>
 					<div class="flex-container-inner">
 						<ol dir="rtl" style="font-size: 30px; text-align: right">
-							<li>don't trust, verify</li>
+							<li>eliminate centralized trust</li>
 							<li>open source everything</li>
-							<li>insist on higest standards</li>
+							<li>security beyond compliance</li>
 							<li>move thoughtfully and improve things</li>
-							<li>challenge the status quo</li>
+							<li>impact over profit</li>
 						</ol>
 					</div>
 				</section>
diff --git a/_layouts/contact.html b/_layouts/contact.html
index 3e2c338..2990e93 100644
--- a/_layouts/contact.html
+++ b/_layouts/contact.html
@@ -10,8 +10,7 @@
 						<div class="capsule">contact</div>
 					</div>
 					<br>
-					<br>
-					<h2  class="gradient-text center contact-header">tell us about your biggest security challenges</h2>
+					<h2 class="gradient-text center contact-header">tell us about your biggest security challenges</h2>
 					<br>
 					<p class="hero-p center" style="filter: brightness(70%)">Fill out the form below to start the conversation about how we can help you eliminate single points of failure and build security that doesn't rely on blind trust.</p>
 				</section>
@@ -52,7 +51,7 @@
 								<!-- TODO: add captcha of some sort -->
 
 								<button type="submit" class="contact-button">Submit</button>
-								<p class="center" style="max-width: 500px; margin-top: 9px; font-size: 12px; filter: brightness(80%)">We respect your privacy. The information you provide will only be used to respond to your inquiry and will never be shared externally.</p>
+								<p class="center" class="submit-policy">We respect your privacy. The information you provide will only be used to respond to your inquiry and will never be shared externally.</p>
 							</form>
 						</div>
 					</div>
diff --git a/_layouts/landing.html b/_layouts/landing.html
index db71ee5..a47e9a2 100644
--- a/_layouts/landing.html
+++ b/_layouts/landing.html
@@ -7,15 +7,15 @@
 			<main>
 				<div class="video-background-container">
 					<video autoplay muted loop playsinline style="left: 85%; width: 200px !important" class="video-background">
-						<source src="assets/videos/landing-globe.mp4" type="video/mp4" />
+						<source src="assets/videos/landing-globe.webm" type="video/mp4" />
 					</video>
-					<div class="gradient-overlay" style="background: linear-gradient(to bottom, #0f0f0f 0%, rgba(15, 15, 15, 0) 25%, rgba(15, 15, 15, 0) 75%, #0f0f0f 100%), linear-gradient(to right, rgb(15, 15, 15) 30%, rgba(15, 15, 15, 0) 100%)"></div>
+					<div class="gradient-overlay"></div>
 				</div>
 
-				<section class="flex-container video-content">
+				<section class="flex-container video-content landing-page-header">
 					<div class="flex-container-inner">
 						<div class="text-well">
-							<h1 class="gradient-text hero-header">security without blind trust</h1>
+							<h1 class="gradient-text hero-header landing-header">security without blind trust</h1>
 							<p class="hero-p" style="margin-top: 0px">Distrust applies a first principles approach to securing mission critical infrastructure. No guessing, no shortcuts, only verifiable security.</p>
 							<br />
 							<a href="/contact.html" class="mega button">Work with us</a>
@@ -29,7 +29,7 @@
 				<section class="mid-tall-section">
 					<div class="flex-container-inner">
 						<div class="text-well center">
-							<h4 class="carousel-title" >the security partner of industry leaders</h4>
+							<h4 class="carousel-title" >trusted by industry leaders</h4>
 						</div>
 					</div>
 
@@ -76,7 +76,7 @@
 							</div>
 						</a>
 						<a href="/roadmap.html" class="arrow-link">
-							<div class="flex-container-inner card roadmap-card" >
+							<div class="flex-container-inner card roadmap-card roadmap-card-teal" style="background: #00191E; border: 1px solid #01586A">
 								<div class="text-well">
 									<h4>roadmap</h4>
 									<p>Security is always evolving—so are we. Distrust is building the next generation of security infrastructure that eliminates reliance on any single computer, person, or system. Using full-source bootstrapping, determinism, and quorum-based security, we ensure verifiable, trustless protection at every layer.</p>
diff --git a/_layouts/roadmap.html b/_layouts/roadmap.html
index 2eca2d9..1518818 100644
--- a/_layouts/roadmap.html
+++ b/_layouts/roadmap.html
@@ -9,18 +9,18 @@
 		<div class="container">
 			<main>
 				<div class="video-background-container">
-						<video autoplay muted loop playsinline class="video-background">
-							<source src="assets/videos/turq-blocks.mp4" type="video/mp4" />
-						</video>
-						<div class="gradient-overlay" style="background: linear-gradient(to bottom, #0f0f0f 0%, rgba(15, 15, 15, 0) 25%, rgba(15, 15, 15, 0) 75%, #0f0f0f 100%), linear-gradient(to right, rgb(15, 15, 15) 30%, rgba(15, 15, 15, 0) 100%)"></div>
-					</div>
+					<video autoplay muted loop playsinline class="video-background">
+						<source src="assets/videos/turq-blocks.webm" type="video/mp4" />
+					</video>
+					<div class="gradient-overlay"></div>
+				</div>
 
 				<section class="flex-container capsule-header video-content" style="margin-top: 80px">
 					<div class="flex-container-inner" style="padding-top: 0px">
 						<div class="text-well center">
 							<div class="capsule-teal">roadmap</div>
 							<br>
-							<h1 class="hero-header">verifiable security without single points of failure</h1>
+							<h1 style="max-width: 1000px; margin: auto">verifiable security without single points of failure</h1>
 							<br>
 							<p class="hero-p center">Most systems still rely on single individuals or computers, unverifiable software, and opaque processes. We’re redesigning security for transparency from the ground up.</p>
 							<div class="button-container center">
@@ -30,12 +30,12 @@
 					</div>
 				</section>
 
-				<section style="margin: 200px 0px" class="flex-container">
+				<section class="flex-container mid-tall-section">
 					<div class="flex-container-inner">
 						<h3>creating the building blocks for provable security</h3>
 						<p class="hero-p">Modern software systems still rely on trust in individuals—maintainers, IT admins, or third-party providers. But what happens when they are compromised? How do you verify that the software running on your systems hasn’t been tampered with?</p>
-						<p class="hero-p">We’ve identified critical missing pieces needed to remove single points of failure at every level. Our approach starts with how source code is managed, how software is built, and the environments in which it runs.</p>
-						<p class="hero-p">By combining quorums, applied cryptography, and bit-for-bit reproducibility, we are methodically eliminating trust assumptions, ensuring security isn’t just a claim—it’s provable.</p>
+						<p class="hero-p">We’ve identified critical missing pieces needed to remove single points of failure at every level. Our approach covers the complete lifecycle of software from your toolchains and dependencies to how your code is built, signed, verified and deployed.</p>
+						<p class="hero-p">By combining multi-party trust, remote attestation, and bit-for-bit reproducibility, we are methodically eliminating trust assumptions, ensuring security isn’t just a claim—it’s provable.</p>
 						<a href="#roadmap" class="arrow-link">
 							See what we're building
 							<span class="arrow">&#x2192;</span>
@@ -43,212 +43,397 @@
 					</div>
 					<div class="flex-container-inner"></div>
 				</section>
+
 				<span class="roadmap" id="roadmap">
-					<section class="flex-container">
+					<h2 class="center gradient-text">our roadmap</h2>
+					<p style="margin-top: 20px" class="hero-p center">We are actively working on a number of different projects, and looking to fund others. Here is what's on the way and what's coming next.</p>
+					<section id="sourceid" class="flex-container">
 						<div class="flex-container-inner">
-								<div class="text-well">
-									<div class="roadmap-header">
-										<div class="roadmap-title-container">
-											<div class="roadmap-item-name">SourceId</div>
-											<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
-										  <div class="roadmap-tagline">source code integrity</div>
-										</div>
-										<div class="roadmap-header-capsule">
-											<div class="capsule-grey">backlog</div>
-										</div>
+							<div class="text-well">
+								<div class="roadmap-header">
+									<div class="roadmap-title-container">
+										<div class="roadmap-item-name">SourceId</div>
+										<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
+										<div class="roadmap-tagline">source code integrity</div>
+									</div>
+									<div class="roadmap-header-capsule">
+										<div class="capsule-grey">fundraising</div>
 									</div>
-									<p>SourceId ensures that source code integrity is verifiable. It prevents tampering of archives and other formats used for delivering source code by standardizing code and generating a hash-based fingerprint of the tree which includes all essential files.</p>
-									<br>
-									<a href="https://git.distrust.co/public/sourceid" class="arrow-link">
-										Learn more
-										<span class="arrow">&#x2192;</span>
-									</a>
 								</div>
+								<p>SourceId ensures that source code integrity is verifiable. It prevents tampering of archives and other formats used for delivering source code by standardizing code and generating a hash-based fingerprint of the tree which includes all essential files.</p>
+								<br>
+								<div class="component-section">
+									<div class="component-text">Components:</div>
+									<div class="component-links">
+										<a href="#stagex">
+											<div class="capsule-transparent">StageX</div>
+										</a>
+									</div>
+								</div>
+								<a href="https://git.distrust.co/public/sourceid" class="arrow-link">
+									Learn more
+									<span class="arrow">&#x2192;</span>
+								</a>
+							</div>
 						</div>
 					</section>
 
-					<section class="flex-container">
+					<section id="sigrev" class="flex-container">
 						<div class="flex-container-inner">
-								<div class="text-well">
-									<div class="roadmap-header">
-										<div class="roadmap-title-container">
-											<div class="roadmap-item-name">SigRev</div>
-											<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
-										  <div class="roadmap-tagline">crowdsourced code review</div>
-										</div>
-										<div class="roadmap-header-capsule">
-											<div class="capsule-grey">backlog</div>
-										</div>
+							<div class="text-well">
+								<div class="roadmap-header">
+									<div class="roadmap-title-container">
+										<div class="roadmap-item-name">SigRev</div>
+										<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
+										<div class="roadmap-tagline">crowdsourced code review</div>
+									</div>
+									<div class="roadmap-header-capsule">
+										<div class="capsule-grey">fundraising</div>
 									</div>
-									<p>SigRev is a crowdsourcing framework for signed code reviews. It enhances open-source security by making comprehensive manual reviews discoverable, overcoming the limitations of static analysis tools.</p>
-									<br>
-									<a href="https://git.distrust.co/public/sigrev" class="arrow-link">
-										Learn more
-										<span class="arrow">&#x2192;</span>
-									</a>
 								</div>
+								<p>SigRev is a crowdsourcing framework extending SourceID with signed code reviews. It enhances open-source security by making comprehensive manual reviews discoverable, overcoming the limitations of static analysis tools.</p>
+								<br>
+								<div class="component-section">
+									<div class="component-text">Components:</div>
+									<div class="component-links">
+										<a href="#sourceid">
+											<div class="capsule-transparent">SourceId</div>
+										</a>
+										<a href="#stagex">
+											<div class="capsule-transparent">StageX</div>
+										</a>
+									</div>
+								</div>
+								<a href="https://git.distrust.co/public/sigrev" class="arrow-link">
+									Learn more
+									<span class="arrow">&#x2192;</span>
+								</a>
+							</div>
 						</div>
 					</section>
 
-					<section class="flex-container">
+					<section id="stagex" class="flex-container">
 						<div class="flex-container-inner">
-								<div class="text-well">
-									<div class="roadmap-header">
-										<div class="roadmap-title-container">
-											<div class="roadmap-item-name">StageX</div>
-											<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
-										  <div class="roadmap-tagline">deterministic reproducibility</div>
-										</div>
-										<div class="roadmap-header-capsule">
-											<div class="capsule-green">ready</div>
-										</div>
+							<div class="text-well">
+								<div class="roadmap-header">
+									<div class="roadmap-title-container">
+										<div class="roadmap-item-name">StageX</div>
+										<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
+										<div class="roadmap-tagline">deterministic reproducibility</div>
+									</div>
+									<div class="roadmap-header-capsule">
+										<div class="capsule-green">active</div>
 									</div>
-									<p>StageX is a build toolchain which provides minimalist, reproducible, and multi-signed OCI images for popular software. Bootstrapped fully from source (Stage 0), it ensures your builds are hermetic, deterministic, and reproducible.</p>
-									<br>
-									<a href="https://codeberg.org/stagex/stagex" class="arrow-link">
-										Learn more
-										<span class="arrow">&#x2192;</span>
-									</a>
 								</div>
+								<p>StageX is a hermetic, deterministic and reproducible toolchain providing multi-signed OCI images for popular software. This approach removes single points of failure in sofware builds.</p>
+								<br>
+								<div class="component-section">
+									<div class="component-text">Components:</div>
+									<div class="component-links">
+										<a href="#sourceid">
+											<div class="capsule-transparent">SourceId</div>
+										</a>
+										<a href="#sigrev">
+											<div class="capsule-transparent">SigRev</div>
+										</a>
+										<a href="#stagex">
+											<div class="capsule-transparent">StageX</div>
+										</a>
+									</div>
+								</div>
+								<a href="https://codeberg.org/stagex/stagex" class="arrow-link">
+									Learn more
+									<span class="arrow">&#x2192;</span>
+								</a>
+							</div>
 						</div>
 					</section>
 
-					<section class="flex-container">
+					<section id="repros" class="flex-container">
 						<div class="flex-container-inner">
-								<div class="text-well">
-									<div class="roadmap-header">
-										<div class="roadmap-title-container">
-											<div class="roadmap-item-name">ReprOS</div>
-											<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
-										  <div class="roadmap-tagline">ephemeral build environments</div>
-										</div>
-										<div class="roadmap-header-capsule">
-											<div class="capsule-grey">in-progress</div>
-										</div>
+							<div class="text-well">
+								<div class="roadmap-header">
+									<div class="roadmap-title-container">
+										<div class="roadmap-item-name">ReprOS</div>
+										<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
+										<div class="roadmap-tagline">ephemeral build environments</div>
+									</div>
+									<div class="roadmap-header-capsule">
+										<div class="capsule-yellow">in-progress</div>
 									</div>
-									<p>ReprOS is a bare-bones unikernel OS designed for maximal isolation and reproducibility. Each build is executed in a temporary VM that is discarded afterward, eliminating persistent risks.</p>
-									<br>
-									<a href="https://codeberg.org/stagex/repros" class="arrow-link">
-										Learn more
-										<span class="arrow">&#x2192;</span>
-									</a>
 								</div>
+								<p>ReprOS is a bare-bones immutable OS designed for securely reproducing and signing software. Each build is executed in a one-time use environment, eliminating persistent risks.</p>
+								<br>
+								<div class="component-section">
+									<div class="component-text">Components:</div>
+									<div class="component-links">
+										<a href="#sourceid">
+											<div class="capsule-transparent">SourceId</div>
+										</a>
+										<a href="#sigrev">
+											<div class="capsule-transparent">SigRev</div>
+										</a>
+										<a href="#stagex">
+											<div class="capsule-transparent">StageX</div>
+										</a>
+										<a href="#bootproof">
+											<div class="capsule-transparent">Bootproof</div>
+
+										</a>
+									</div>
+								</div>
+								<a href="https://codeberg.org/stagex/repros" class="arrow-link">
+									Learn more
+									<span class="arrow">&#x2192;</span>
+								</a>
+							</div>
 						</div>
 					</section>
 
-					<section class="flex-container">
+					<section id="keyfork" class="flex-container">
 						<div class="flex-container-inner">
-								<div class="text-well">
-									<div class="roadmap-header">
-										<div class="roadmap-title-container">
-											<div class="roadmap-item-name">Keyfork</div>
-											<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
-										  <div class="roadmap-tagline">deterministic key management</div>
-										</div>
-										<div class="roadmap-header-capsule">
-											<div class="capsule-green">ready</div>
-										</div>
+							<div class="text-well">
+								<div class="roadmap-header">
+									<div class="roadmap-title-container">
+										<div class="roadmap-item-name">Keyfork</div>
+										<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
+										<div class="roadmap-tagline">deterministic key management</div>
+									</div>
+									<div class="roadmap-header-capsule">
+										<div class="capsule-green">active</div>
 									</div>
-									<p>Keyfork simplifies cryptographic material management by deriving for different cryptographic algorithms from a single entropy source. This eliminates manual key handling complexity while maintaining security.</p>
-									<br>
-									<a href="https://git.distrust.co/public/keyfork" class="arrow-link">
-										Learn more
-										<span class="arrow">&#x2192;</span>
-									</a>
 								</div>
+								<p>Keyfork simplifies cryptographic material management by deriving any number or type of keys from a single entropy source. This greatly simplifies secret management complexity while maintaining security.</p>
+								<br>
+								<div class="component-section">
+									<div class="component-text">Components:</div>
+									<div class="component-links">
+										<a href="#sourceid">
+											<div class="capsule-transparent">SourceId</div>
+										</a>
+										<a href="#sigrev">
+											<div class="capsule-transparent">SigRev</div>
+										</a>
+										<a href="#stagex">
+											<div class="capsule-transparent">StageX</div>
+										</a>
+									</div>
+								</div>
+								<a href="https://git.distrust.co/public/keyfork" class="arrow-link">
+									Learn more
+									<span class="arrow">&#x2192;</span>
+								</a>
+							</div>
 						</div>
 					</section>
 
 
-					<section class="flex-container">
+					<section id="icepick" class="flex-container">
 						<div class="flex-container-inner">
-								<div class="text-well">
-									<div class="roadmap-header">
-										<div class="roadmap-title-container">
-											<div class="roadmap-item-name">Icepick</div>
-											<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
-										  <div class="roadmap-tagline">cryptographic operations</div>
-										</div>
-										<div class="roadmap-header-capsule">
-											<div class="capsule-green">ready</div>
-										</div>
+							<div class="text-well">
+								<div class="roadmap-header">
+									<div class="roadmap-title-container">
+										<div class="roadmap-item-name">Icepick</div>
+										<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
+										<div class="roadmap-tagline">cryptographic operations</div>
+									</div>
+									<div class="roadmap-header-capsule">
+										<div class="capsule-green">active</div>
 									</div>
-									<p>Icepick provides a framework for cryptographic operations while preserving memory boundaries. It enables secure and efficient crypto transactions, including transfers and staking, in a platform-agnostic way.</p>
-									<br>
-									<a href="https://git.distrust.co/public/keyfork" class="arrow-link">
-										Learn more
-										<span class="arrow">&#x2192;</span>
-									</a>
 								</div>
+								<p>Icepick provides a framework for offline verified cryptographic signing operations. Its modular design provides a unified interface for a wide range of cryptographic signing tasks.</p>
+								<br>
+								<div class="component-section">
+									<div class="component-text">Components:</div>
+									<div class="component-links">
+										<a href="#sourceid">
+											<div class="capsule-transparent">SourceId</div>
+										</a>
+										<a href="#sigrev">
+											<div class="capsule-transparent">SigRev</div>
+										</a>
+										<a href="#stagex">
+											<div class="capsule-transparent">StageX</div>
+										</a>
+									</div>
+								</div>
+								<a href="https://git.distrust.co/public/keyfork" class="arrow-link">
+									Learn more
+									<span class="arrow">&#x2192;</span>
+								</a>
+							</div>
 						</div>
 					</section>
 
-					<section class="flex-container">
+					<section id="airgapos" class="flex-container">
 						<div class="flex-container-inner">
-								<div class="text-well">
-									<div class="roadmap-header">
-										<div class="roadmap-title-container">
-											<div class="roadmap-item-name">AirgapOS</div>
-											<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
-										  <div class="roadmap-tagline">air-gapped OS</div>
-										</div>
-										<div class="roadmap-header-capsule">
-											<div class="capsule-green">ready</div>
-										</div>
+							<div class="text-well">
+								<div class="roadmap-header">
+									<div class="roadmap-title-container">
+										<div class="roadmap-item-name">AirgapOS</div>
+										<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
+										<div class="roadmap-tagline">air-gapped OS</div>
+									</div>
+									<div class="roadmap-header-capsule">
+										<div class="capsule-green">active</div>
 									</div>
-									<p>AirgapOS is a minimal, deterministic Linux unikernel built for secure offline operations. It reduces the attack surface for managing sensitive secrets in an air-gapped environment.</p>
-									<br>
-									<a href="https://git.distrust.co/public/airgap" class="arrow-link">
-										Learn more
-										<span class="arrow">&#x2192;</span>
-									</a>
 								</div>
+								<p>AirgapOS is a minimal, immutable offline first environment for secret management. It ships with a swiss-army knife of tools and an extensibility framework to cover most secure administration needs.</p>
+								<br>
+								<div class="component-section">
+									<div class="component-text">Components:</div>
+									<div class="component-links">
+										<a href="#sourceid">
+											<div class="capsule-transparent">SourceId</div>
+										</a>
+										<a href="#sigrev">
+											<div class="capsule-transparent">SigRev</div>
+										</a>
+										<a href="#stagex">
+											<div class="capsule-transparent">StageX</div>
+										</a>
+										<a href="#keyfork">
+											<div class="capsule-transparent">Keyfork</div>
+										</a>
+										<a href="#icepick">
+											<div class="capsule-transparent">Icepick</div>
+										</a>
+									</div>
+								</div>
+								<a href="https://git.distrust.co/public/airgap" class="arrow-link">
+									Learn more
+									<span class="arrow">&#x2192;</span>
+								</a>
+							</div>
 						</div>
 					</section>
 
-					<section class="flex-container">
+					<section id="bootproof" class="flex-container">
 						<div class="flex-container-inner">
-								<div class="text-well">
-									<div class="roadmap-header">
-										<div class="roadmap-title-container">
-											<div class="roadmap-item-name">Bootproof</div>
-											<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
-										  <div class="roadmap-tagline">remote attestation</div>
-										</div>
-										<div class="roadmap-header-capsule">
-											<div class="capsule-grey">backlog</div>
-										</div>
+							<div class="text-well">
+								<div class="roadmap-header">
+									<div class="roadmap-title-container">
+										<div class="roadmap-item-name">Bootproof</div>
+										<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
+										<div class="roadmap-tagline">remote attestation</div>
+									</div>
+									<div class="roadmap-header-capsule">
+										<div class="capsule-grey">fundraising</div>
 									</div>
-									<p>Bootproof cryptographically attests that a server is running the software it claims to be running by leveraging TPM2.</p>
-									<br>
-									<a href="https://git.distrust.co/public/bootproof" class="arrow-link">
-										Learn more
-										<span class="arrow">&#x2192;</span>
-									</a>
 								</div>
+								<p>Bootproof provides a way to prove what software booted on a given system by leveraging platform hardware or firmware remote attestation technologies.</p>
+								<br>
+								<div class="component-section">
+									<div class="component-text">Components:</div>
+									<div class="component-links">
+										<a href="#sourceid">
+											<div class="capsule-transparent">SourceId</div>
+										</a>
+										<a href="#sigrev">
+											<div class="capsule-transparent">SigRev</div>
+										</a>
+										<a href="#stagex">
+											<div class="capsule-transparent">StageX</div>
+										</a>
+									</div>
+								</div>
+								<a href="https://git.distrust.co/public/bootproof" class="arrow-link">
+									Learn more
+									<span class="arrow">&#x2192;</span>
+								</a>
+							</div>
 						</div>
 					</section>
 
-					<section class="flex-container">
+					<section id="enclaveos" class="flex-container">
 						<div class="flex-container-inner">
-								<div class="text-well">
-									<div class="roadmap-header">
-										<div class="roadmap-title-container">
-											<div class="roadmap-item-name">EnclaveOS</div>
-											<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
-										  <div class="roadmap-tagline">trusted execution environments</div>
-										</div>
-										<div class="roadmap-header-capsule">
-											<div class="capsule-blue">in-progress</div>
-										</div>
+							<div class="text-well">
+								<div class="roadmap-header">
+									<div class="roadmap-title-container">
+										<div class="roadmap-item-name">EnclaveOS</div>
+										<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
+										<div class="roadmap-tagline">trusted execution environments</div>
+									</div>
+									<div class="roadmap-header-capsule">
+										<div class="capsule-yellow">in-progress</div>
 									</div>
-									<p>EnclaveOS is a minimal, immutable, and deterministic Linux unikernel tailored for Trusted Execution Environments (TEEs). It enables high-security, verifiable computing for sensitive workloads.</p>
-									<br>
-									<a href="https://git.distrust.co/public/enclaveos" class="arrow-link">
-										Learn more
-										<span class="arrow">&#x2192;</span>
-									</a>
 								</div>
+								<p>EnclaveOS is a minimal and immutable operating system for running security critical software with high accountability. It can be extended to support multi-party management of secrets such that no person can control them alone.</p>
+								<br>
+								<div class="component-section">
+									<div class="component-text">Components:</div>
+									<div class="component-links">
+										<a href="#sourceid">
+											<div class="capsule-transparent">SourceId</div>
+										</a>
+										<a href="#sigrev">
+											<div class="capsule-transparent">SigRev</div>
+										</a>
+										<a href="#stagex">
+											<div class="capsule-transparent">StageX</div>
+										</a>
+										<a href="#keyfork">
+											<div class="capsule-transparent">Keyfork</div>
+										</a>
+										<a href="#bootproof">
+											<div class="capsule-transparent">Bootproof</div>
+										</a>
+									</div>
+								</div>
+								<a href="https://git.distrust.co/public/enclaveos" class="arrow-link">
+									Learn more
+									<span class="arrow">&#x2192;</span>
+								</a>
+							</div>
+						</div>
+					</section>
+
+					<section id="vault" class="flex-container">
+						<div class="flex-container-inner">
+							<div class="text-well">
+								<div class="roadmap-header">
+									<div class="roadmap-title-container">
+										<div class="roadmap-item-name">Vault</div>
+										<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
+										<div class="roadmap-tagline">prescriptive key management</div>
+									</div>
+									<div class="roadmap-header-capsule">
+										<div class="capsule-yellow">in-progress</div>
+									</div>
+								</div>
+								<p>Detailed set of practices, ceremonies and documentation for generating, backing up and using secrets that you can't afford to lose. Combines the best of tactics of major custodians as an open framework available for everyone.</p>
+								<br>
+								<div class="component-section">
+									<div class="component-text">Components:</div>
+									<div class="component-links">
+										<a href="#sourceid">
+											<div class="capsule-transparent">SourceId</div>
+										</a>
+										<a href="#sigrev">
+											<div class="capsule-transparent">SigRev</div>
+										</a>
+										<a href="#stagex">
+											<div class="capsule-transparent">StageX</div>
+										</a>
+										<a href="#airgapos">
+											<div class="capsule-transparent">AirgapOS</div>
+										</a>
+										<a href="#keyfork">
+											<div class="capsule-transparent">Keyfork</div>
+										</a>
+										<a href="#icepick">
+											<div class="capsule-transparent">Icepick</div>
+										</a>
+										<a href="#bootproof">
+											<div class="capsule-transparent">Bootproof</div>
+										</a>
+									</div>
+								</div>
+								<a href="https://qvs.distrust.co/" class="arrow-link">
+									Learn more
+									<span class="arrow">&#x2192;</span>
+								</a>
+							</div>
 						</div>
 					</section>
 				</span>
@@ -285,7 +470,7 @@
 						<a href="Talos Linux" target="_blank" rel="noopener noreferrer">
 							<div class="text-well card">
 								<h3>Sidero</h3>
-								<p>Using StageX to build their widely used Linux distribution specialized in delivering kubernetes features</p>
+								<p>Using StageX to build their widely used Linux distribution specialized in delivering kubernetes features.</p>
 							</div>
 						</a>
 					</div>
diff --git a/_layouts/services.html b/_layouts/services.html
index 89f6b73..1137085 100644
--- a/_layouts/services.html
+++ b/_layouts/services.html
@@ -7,9 +7,9 @@
 			<main>
 						<div class="video-background-container" style="top: 350px">
 							<video autoplay muted loop playsinline class="video-background">
-								<source src="assets/videos/swirly-lines.mp4" type="video/mp4" />
+								<source src="assets/videos/swirly-lines.webm" type="video/mp4" />
 							</video>
-							<div class="gradient-overlay" style="background: linear-gradient(to bottom, #0f0f0f 0%, rgba(15, 15, 15, 0) 25%, rgba(15, 15, 15, 0) 75%, #0f0f0f 100%), linear-gradient(to right, rgb(15, 15, 15) 0%, rgba(15, 15, 15, 0) 100%)"></div>
+							<div class="gradient-overlay"></div>
 						</div>
 				<section class="flex-container capsule-header video-content">
 
@@ -23,7 +23,7 @@
 								hire Distrust to solve your hardest security challenges
 							</h1>
 							<br>
-							<p class="hero-p center">Built by the team behind BitGo, Unit410, and Turnkey, we appy hard-earned lessons from securing critical infrastructure to build transparent, resilient, and universally applicable security solutions.</p>
+							<p class="hero-p center">Built by engineers behind BitGo, Unit410, and Turnkey, we apply hard-earned lessons from securing critical infrastructure to build transparent, resilient, and universally applicable security solutions.</p>
 							<div class="button-container">
 								<a href="/contact.html" class="mega button">Work with us</a>
 							</div>
@@ -37,10 +37,10 @@
 							<h3>security assessments</h3>
 							<p style="max-width: 540px">Our assessments go beyond identifying vulnerabilities—we strategically eliminate risks at their source. Using a first-principles methodology, we pinpoint single points of failure and deliver clear, actionable recommendations to secure your systems against sophisticated threats.</p>
 							<ul>
+								<li>Secure architecture review</li>
+								<li>Threat modeling</li>
 								<li>Penetration testing</li>
 								<li>Secure code review</li>
-								<li>Cloud configuration review</li>
-								<li>Threat modeling</li>
 							</ul>
 							<br>
 							<a href="/contact.html" class="arrow-link">
@@ -75,7 +75,7 @@
 						<p>
 						Why choose Distrust? Because security shouldn't be based on blind trust, it should be based on <b>dis</b>trust, and verifiability. Most organizations treat cybersecurity like people once treated hygiene—poorly.
 						</p>
-						<p>At Distrust, we've identified fundamental methods to eliminate risks at their source. Similarly to how handwashing revolutionized public health by preventing unseen threats like bacteria, our first-principles security methodology brings new levels of security to our clients by eliminating single points of failure, and providing verifiable, resilient protection for critical systems.
+						<p>At Distrust, we've identified fundamental methods to eliminate entire categories of risk at their source. Similarly to how handwashing revolutionized public health by preventing unseen threats like bacteria, our first-principles security methodology brings new levels of security to our clients by eliminating single points of failure, and providing verifiable, resilient protection for critical systems.
 						</p>
 						<ul class="narrow-list">
 							<li><b>First-principles security</b> 
diff --git a/_sass/base.scss b/_sass/base.scss
index 5c5847d..686dee3 100644
--- a/_sass/base.scss
+++ b/_sass/base.scss
@@ -1,8 +1,8 @@
 @charset "utf-8";
 
 @font-face {
-   font-family: 'Inter';
-   src: url('fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
+	font-family: 'Inter';
+	src: url('fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
 }
 
 /**
@@ -19,29 +19,29 @@ $container-max-width: 1280px !default;
  * Global
  */
 html {
-  scroll-behavior: smooth;
+	scroll-behavior: smooth;
 }
 body {
-   width: 100%;
-   background-color: var(--background-color);
-   margin: 0 auto;
-   padding: 0;
-   font-family: $base-font-family;
-   font-size: $base-font-size;
-   color: var(--text-color);
-   text-align: left;
-   line-height: $base-line-height !important;
+	width: 100%;
+	background-color: var(--background-color);
+	margin: 0 auto;
+	padding: 0;
+	font-family: $base-font-family;
+	font-size: $base-font-size;
+	color: var(--text-color);
+	text-align: left;
+	line-height: $base-line-height !important;
 }
 
 h1 {
-  font-size: 120px !important;
-  line-height: 100px !important;
+	font-size: 120px !important;
+	line-height: 100px !important;
 	font-weight: 400 !important;
 }
 
 h2 {
 	font-size: 90px !important;
-  line-height: 80px !important;
+	line-height: 80px !important;
 	width: 100% !important;
 	font-weight: 400 !important;
 }
@@ -53,17 +53,17 @@ h3 {
 }
 
 h4 {
-   font-size: 32px;
+	font-size: 32px;
 }
 
 h5 {
-  font-weight: 400 !important;
-  font-size: 22px !important;
+	font-weight: 400 !important;
+	font-size: 22px !important;
 }
 
 h6 {
-  font-weight: 400 !important;
-   font-size: 16px;
+	font-weight: 400 !important;
+	font-size: 16px;
 }
 
 h1,
@@ -72,11 +72,11 @@ h3,
 h4,
 h5,
 h6 {
-   margin: 0px;
-   margin-top: 0px;
-   margin-bottom: 12px;
-   font-weight: 400;
-   color: var(--header-color);
+	margin: 0px;
+	margin-top: 0px;
+	margin-bottom: 12px;
+	font-weight: 400;
+	color: var(--header-color);
 }
 
 p {
@@ -86,21 +86,21 @@ p {
 p,
 ul,
 ol {
-   margin: 0px;
-   color: var(--text-color);
+	margin: 0px;
+	color: var(--text-color);
 }
 
 a {
-   color: var(--link-color);
-   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
-	 text-decoration: none;
+	color: var(--link-color);
+	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+	text-decoration: none;
 }
 
 a:hover {
-	 text-decoration: none;
-   color: var(--background-color);
-   background-color: var(--base-color);
-   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+	text-decoration: none;
+	color: var(--background-color);
+	background-color: var(--base-color);
+	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
 
 .center {
@@ -109,20 +109,20 @@ a:hover {
 }
 
 .gradient-text {
-    font-size: 48px;
-    font-weight: bold;
-    background: linear-gradient(100deg, white, #8a8d97);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
+	font-size: 48px;
+	font-weight: bold;
+	background: linear-gradient(100deg, white, #8a8d97);
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
 }
 
 .gradient-text-inverse {
-    font-size: 48px;
-    font-weight: bold;
-    background: linear-gradient(-100deg, white, #8a8d97);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    display: inline-block;
+	font-size: 48px;
+	font-weight: bold;
+	background: linear-gradient(-100deg, white, #8a8d97);
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
+	display: inline-block;
 }
 
 .hero-p {
@@ -143,7 +143,7 @@ a:hover {
 }
 
 .card {
-  transition: border 0.3s ease-in-out;
+	transition: border 0.3s ease-in-out;
 	background: var(--dark-grey);
 	border: 1px solid var(--mid-purple);
 	border-radius: 20px;
@@ -176,23 +176,23 @@ a:hover {
 }
 
 .capsule-grey {
-	color: grey;
+	color: white;
 	background: #262626;
 	border: 1px solid #262626;
 	@include capsule;
 }
 
-.capsule-blue {
-	color: #2b60d7;
-	background: #112759;
-	border: 1px solid #112759;
+.capsule-yellow {
+	color: var(--background-color);
+	background: var(--mid-teal);
+	border: 1px solid var(--mid-teal);
 	@include capsule;
 }
 
 .capsule-green {
-	color: #1e612b;
-	background: #0c2711;
-	border: 1px solid #0c2711;
+	color: var(--background-color);
+	background: var(--light-purple);
+	border: var(--light-purple);
 	@include capsule;
 }
 
@@ -203,6 +203,39 @@ a:hover {
 	@include capsule;
 }
 
+.capsule-transparent {
+	background: var(--light-grey);
+	color: var(--dark-grey);
+	border: 1px solid var(--light-grey);
+	margin: 0px 0px 0px 5px !important;
+	width: 100px !important;
+
+	@include capsule;
+}
+
+.component-links {
+	display: flex;
+	flex-wrap: wrap;
+}
+
+.component-section {
+	display: flex;
+	justify-content: left;
+}
+
+.roadmap a:hover {
+	background: transparent;
+}
+
+.roadmap .text-well {
+	margin: auto;
+}
+
+.component-text {
+	line-height: 26px;
+	margin-right: 10px;
+}
+
 .roadmap-header {
 	display: flex;
 	justify-content: space-between;
@@ -223,6 +256,10 @@ a:hover {
 	border: 1px solid var(--light-teal);
 }
 
+.roadmap-card-teal:hover {
+	border: 1px solid var(--light-teal) !important;
+}
+
 .roadmap-item-name {
 	color: white !important;
 	font-size: 40px !important;
@@ -249,46 +286,39 @@ a:hover {
 }
 
 .arrow-link {
-  display: inline-flex;
-  align-items: center;
-  color: #fff;
-  text-decoration: none;
-  padding: 8px 12px;
-  border-radius: 4px;
+	display: inline-flex;
+	align-items: center;
+	color: #fff;
+	text-decoration: none;
+	padding: 8px 12px;
+	border-radius: 4px;
 	margin-left: 0px;
 	padding-left: 0px;
 }
 
 .arrow {
-  display: inline-block;
-  margin-left: 4px;
+	display: inline-block;
+	margin-left: 4px;
 	transition: transform 0.3s ease;
 }
 
 .arrow-link:hover .arrow {
-  transform: translateX(5px);
+	transform: translateX(5px);
 	background: none !important;
-  background-color: var(--base-color);
+	background-color: var(--base-color);
 	color: white !important;
 }
 
-.text-well:hover .arrow {
-  transform: translateX(5px);
-	background: none !important;
-  background-color: var(--base-color);
-	color: white !important;
-}
 
 .arrow-link:hover {
 	background: none !important;
-  background-color: var(--base-color);
+	background-color: var(--base-color);
 	color: white !important;
 }
 
 .roadmap .flex-container .flex-container-inner .text-well {
 	border: 1px solid grey;
 	padding: 40px;
-	border-radius: 30px;
 	max-width: 1000px;
 	min-height: 360px;
 	transition: transform 0.7s ease, background-color 0.3s ease;
@@ -328,92 +358,84 @@ a:hover {
 	padding: 35px;
 	background: var(--void-teal);
 }
+.video-background {
+  left: 85%;
+	width: 200px !important;
+}
 
 .video-background-container {
 	position: absolute;
-  width: 100%;
-  height: 800px;
-  overflow: hidden;
-  top: 100px;
-  left: 0;
+	width: 100%;
+	height: 800px;
+	overflow: hidden;
+	top: 100px;
+	left: 0;
 	z-index: -1;
 }
 
 .gradient-overlay {
-	background:
-    linear-gradient(
-      to bottom,
-      #0f0f0f 0%,
-      rgba(15, 15, 15, 0) 25%,
-      rgba(15, 15, 15, 0) 75%,
-      #0f0f0f 100%
-    ),
-    linear-gradient(
-      to right,
-      rgba(15, 15, 15, 1) 0%,
-      rgba(15, 15, 15, 0) 50%
-    );
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: -1;
-  pointer-events: none;
+	background: linear-gradient(to bottom, #0f0f0f 0%, rgba(15, 15, 15, 0) 25%, rgba(15, 15, 15, 0) 75%, #0f0f0f 100%), linear-gradient(to right, rgb(15, 15, 15) 30%, rgba(15, 15, 15, 0) 100%);
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: -1;
+	pointer-events: none;
 }
 
 .video-background {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  min-width: 100%;
-  min-height: 100%;
-  width: auto;
-  height: auto;
-  transform: translate(-50%, -50%);
-  z-index: -1;
-  object-fit: cover;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	min-width: 100%;
+	min-height: 100%;
+	width: auto;
+	height: auto;
+	transform: translate(-50%, -50%);
+	z-index: -1;
+	object-fit: cover;
 }
 
 .video-content {
-  position: relative;
-  z-index: 1;
-  color: #fff;
-  padding: 2rem;
+	position: relative;
+	z-index: 1;
+	color: #fff;
+	padding: 2rem;
 }
 
 @media only screen and (max-device-width: 500px) {
-   * {
-      font-size: $mobile-font-size;
-   }
+	* {
+		font-size: $mobile-font-size;
+	}
 }
 
 /**
  * Layout
  */
 .container {
-   width: $container-width;
-   max-width: $container-max-width;
-   margin-right: auto;
-   margin-left: auto;
+	width: $container-width;
+	max-width: $container-max-width;
+	margin-right: auto;
+	margin-left: auto;
 }
 
 p {
-   /*
-   word-wrap: break-word;
-   word-break: break-word;
-   white-space: pre-wrap;
-   */
-   margin-top: 16px;
-   margin-bottom: 16px;
+	/*
+	word-wrap: break-word;
+	word-break: break-word;
+	white-space: pre-wrap;
+	 */
+margin-top: 16px;
+margin-bottom: 16px;
 }
 
 footer {
-   color: var(--light-grey);
-   border-top: 1px solid var(--light-grey);
-   padding: 40px 0px;
-   text-align: right;
-	 margin-top: 80px;
+	color: var(--light-grey);
+	border-top: 1px solid var(--light-grey);
+	padding: 40px 0px;
+	text-align: right;
+	margin-top: 80px;
 }
 
 .footer-link {
@@ -430,32 +452,37 @@ footer {
 	color: white;
 }
 
+.footer-container {
+	display: flex;
+	justify-content: space-between
+}
+
 
 header {
-   padding: 24px;
-   margin-bottom: 24px;
-   border-bottom: 1px solid rgba(255, 255, 255, 0.13);
+	padding: 24px;
+	margin-bottom: 24px;
+	border-bottom: 1px solid rgba(255, 255, 255, 0.13);
 }
 
 header p {
-   text-align: left;
-   margin: 0;
+	text-align: left;
+	margin: 0;
 }
 
 hr {
-   margin-top: 20px;
+	margin-top: 20px;
 }
 
 /**
  * Navbar
  */
 .menu {
-  max-width: 1280px;
-  margin: auto;
+	max-width: 1280px;
+	margin: auto;
 }
 
 .menu-logo {
-   height: 48px;
+	height: 48px;
 }
 
 #home-link:hover {
@@ -483,8 +510,8 @@ hr {
 }
 
 .left-menu {
-  display: flex;
-  align-items: center;
+	display: flex;
+	align-items: center;
 	transition: transform 0.5s ease;
 	filter: brightness(0.8);
 	will-change: filter;
@@ -495,87 +522,87 @@ hr {
 }
 
 .left-menu img {
-   display: flex;
+	display: flex;
 }
 
 .right-menu {
-   width: 74%;
-   display: flex;
-   justify-content: flex-end;
-   align-items: center;
+	width: 74%;
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
 }
 
 .menu-button-container {
-   display: none;
-   width: 50px;
-   height: 50px;
-   cursor: pointer;
-   flex-direction: column;
-   justify-content: center;
-   align-items: center;
+	display: none;
+	width: 50px;
+	height: 50px;
+	cursor: pointer;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
 }
 
 #menu-toggle {
-   display: none;
+	display: none;
 }
 
 .menu-button,
 .menu-button::before,
 .menu-button::after {
-   display: block;
-   background-color: #fff;
-   position: absolute;
-   height: 4px;
-   width: 30px;
-   transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
-   border-radius: 2px;
+	display: block;
+	background-color: #fff;
+	position: absolute;
+	height: 4px;
+	width: 30px;
+	transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
+	border-radius: 2px;
 }
 
 .menu-button::before {
-   content: '';
-   margin-top: -8px;
+	content: '';
+	margin-top: -8px;
 }
 
 .menu-button::after {
-   content: '';
-   margin-top: 8px;
+	content: '';
+	margin-top: 8px;
 }
 
 #menu-toggle:checked+.menu-button-container .menu-button::before {
-   margin-top: 0px;
-   transform: rotate(405deg);
+	margin-top: 0px;
+	transform: rotate(405deg);
 }
 
 #menu-toggle:checked+.menu-button-container .menu-button {
-   background: rgba(255, 255, 255, 0);
+	background: rgba(255, 255, 255, 0);
 }
 
 #menu-toggle:checked+.menu-button-container .menu-button::after {
-   margin-top: 0px;
-   transform: rotate(-405deg);
+	margin-top: 0px;
+	transform: rotate(-405deg);
 }
 
 .menu-content {
-   position: absolute;
-   display: none;
-   background: var(--background-color);
-   text-align: right;
-   margin-top: 100px;
-   width: 100%;
-   z-index: 2;
+	position: absolute;
+	display: none;
+	background: var(--background-color);
+	text-align: right;
+	margin-top: 100px;
+	width: 100%;
+	z-index: 2;
 }
 
 .inner-menu-content {
-   border-bottom: 1px solid white;
+	border-bottom: 1px solid white;
 }
 
 .menu-content div {
-   margin: 50px 30px 50px 30px;
+	margin: 50px 30px 50px 30px;
 }
 
 /**
-* Company Page
-*/
+ * Company Page
+ */
 .about-special h2 {
 	font-weight: 600 !important;
 	margin: 0px;
@@ -597,8 +624,8 @@ hr {
 	margin-left: 0px;
 	background: radial-gradient(circle, rgba(41, 41, 41, 0.6) 20%, #120F1A 100%);
 	box-shadow:
-		0px 4px 6px rgba(0, 0, 0, 0.5),
-		0px 10px 30px rgba(0, 0, 0, 0.3);
+	0px 4px 6px rgba(0, 0, 0, 0.5),
+	0px 10px 30px rgba(0, 0, 0, 0.3);
 }
 
 .team .card:hover {
@@ -635,77 +662,77 @@ hr {
 }
 
 /**
-* End-Company Page
-*/
+ * End-Company Page
+ */
 
 @media (max-width: 1020px) {
-   .right-menu {
-      width: 40px;
-      height: 40px;
-   }
+	.right-menu {
+		width: 40px;
+		height: 40px;
+	}
 
-   .menu-button-container {
-      display: flex;
-   }
+	.menu-button-container {
+		display: flex;
+	}
 
-   #menu-toggle~.menu li {
-      height: 0;
-      margin: 0;
-      padding: 0;
-      border: 0;
-      transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
-   }
+	#menu-toggle~.menu li {
+		height: 0;
+		margin: 0;
+		padding: 0;
+		border: 0;
+		transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
+	}
 
-   #menu-toggle:checked~.menu li {
-      border: 1px solid #333;
-      height: 2.5em;
-      padding: 0.5em;
-      transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
-   }
+	#menu-toggle:checked~.menu li {
+		border: 1px solid #333;
+		height: 2.5em;
+		padding: 0.5em;
+		transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
+	}
 
-   .menu>li {
-      display: flex;
-      justify-content: center;
-      margin: 0;
-      padding: 0.5em 0;
-      width: 100%;
-      color: white;
-      background-color: #222;
-   }
+	.menu>li {
+		display: flex;
+		justify-content: center;
+		margin: 0;
+		padding: 0.5em 0;
+		width: 100%;
+		color: white;
+		background-color: #222;
+	}
 
-   .menu>li:not(:last-child) {
-      border-bottom: 1px solid #444;
-   }
+	.menu>li:not(:last-child) {
+		border-bottom: 1px solid #444;
+	}
 }
 
 /**
  * Buttons
  */
 .button {
-   display: inline-block;
-   padding: 10px 20px 9px 20px;
-	 border-radius: 30px;
-   margin-top: 10px;
-   color: var(--base-color);
-   background-color: var(--background-color);
-   border: 2px solid white;
-   text-decoration: none;
-   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+	display: inline-block;
+	padding: 10px 20px 9px 20px;
+	border-radius: 30px;
+	margin-top: 10px;
+	color: var(--base-color);
+	background-color: var(--background-color);
+	border: 2px solid white;
+	text-decoration: none;
+	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
 
 .button:hover {
-   /* invert */
-   background-color: var(--base-color);
-   color: var(--background-color);
-   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+	/* invert */
+	background-color: var(--base-color);
+	color: var(--background-color);
+	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
 
 /* important button */
 
 @mixin mega {
-   border-radius: 30px;
-   font-weight: 400;
-	 transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+	border-radius: 30px;
+	font-weight: 400;
+	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
 
 .mega-inverted.button {
@@ -722,11 +749,11 @@ hr {
 }
 
 .mega.button {
-   background-color: var(--dark-purple);
-   color: var(--base-color);
-   border: 2px solid var(--light-purple);
-	 box-shadow: 0 0 18px rgba(42,106,255,0.6);
-	 @include mega;
+	background-color: var(--dark-purple);
+	color: var(--base-color);
+	border: 2px solid var(--light-purple);
+	box-shadow: 0 0 18px rgba(42,106,255,0.6);
+	@include mega;
 }
 
 .mega.button:hover {
@@ -736,10 +763,10 @@ hr {
 }
 
 .mega-teal.button {
-   background-color: var(--dark-teal);
-   color: var(--base-color);
-   border: 2px solid var(--light-teal);
-	 box-shadow: 0 0 18px rgba(42,106,255,0.6);
+	background-color: var(--dark-teal);
+	color: var(--base-color);
+	border: 2px solid var(--light-teal);
+	box-shadow: 0 0 18px rgba(42,106,255,0.6);
 	@include mega;
 }
 
@@ -750,7 +777,7 @@ hr {
 }
 
 .button-container {
-   padding: 30px 0px;
+	padding: 30px 0px;
 }
 
 .contact-button {
@@ -766,21 +793,21 @@ hr {
 }
 
 .contact-button:hover {
-	 box-shadow: 0 0 18px rgba(42,106,255,0.6);
-   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+	box-shadow: 0 0 18px rgba(42,106,255,0.6);
+	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
 
 /**
  * Highlight/Markup
  */
 ::selection {
-   background: var(--selection-background);
-   color: var(--selection-text);
+	background: var(--selection-background);
+	color: var(--selection-text);
 }
 
 ::-moz-selection {
-   background: var(--selection-background);
-   color: var(--selection-text);
+	background: var(--selection-background);
+	color: var(--selection-text);
 }
 
 /**
@@ -788,29 +815,29 @@ hr {
  */
 
 .right-menu>ul>li:before {
-   content: "" !important;
-   margin-right: 4px;
+	content: "" !important;
+	margin-right: 4px;
 }
 
 /**
  * Header/Navigation
  */
 .menu {
-   /* border-bottom: var(--border); */
-   display: flex;
-   justify-content: space-between;
-   align-items: center;
+	/* border-bottom: var(--border); */
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
 }
 
 .menu ul {
-   padding-left: 0px;
-   list-style-type: none;
-   text-align: right;
+	padding-left: 0px;
+	list-style-type: none;
+	text-align: right;
 }
 
 .menu ul li {
-   display: inline;
-   margin-left: 10px;
+	display: inline;
+	margin-left: 10px;
 }
 
 /**
@@ -819,71 +846,78 @@ hr {
 input,
 select,
 textarea {
-   padding: 0;
-   margin: 0;
-   -webkit-appearance: none;
-   -webkit-border-radius: 0;
-   border: none;
+	padding: 0;
+	margin: 0;
+	-webkit-appearance: none;
+	-webkit-border-radius: 0;
+	border: none;
 }
 
 input[type=text],
 select,
 textarea {
-   width: 100%;
-   resize: none;
-   background-color: white;
-   color: black;
-   caret-color: black;
+	width: 100%;
+	resize: none;
+	background-color: white;
+	color: black;
+	caret-color: black;
 }
 
 input,
 select,
 textarea,
 textarea::-webkit-input-placeholder {
-   text-indent: 0px;
+	text-indent: 0px;
 }
 
 ::placeholder {
-   color: var(--placeholder-color);
-   opacity: 1;
+	color: var(--placeholder-color);
+	opacity: 1;
 }
 
 :-ms-input-placeholder {
-   color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 
 ::-ms-input-placeholder {
-   color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 
 input[type=submit] {
-   font-size: $base-font-size;
-   font-family: $base-font-family;
-   line-height: $base-line-height;
-   cursor: pointer;
-   color: var(--link-color);
-   background-color: var(--background-color);
+	font-size: $base-font-size;
+	font-family: $base-font-family;
+	line-height: $base-line-height;
+	cursor: pointer;
+	color: var(--link-color);
+	background-color: var(--background-color);
 }
 
 input[type=submit]:hover {
-   color: var(--background-color);
-   background-color: var(--base-color);
+	color: var(--background-color);
+	background-color: var(--base-color);
+}
+
+.submit-policy {
+	max-width: 500px;
+	margin-top: 9px;
+	font-size: 0.8rem !important;
+	filter: brightness(80%);
 }
 
 *:focus {
-   outline: none;
+	outline: none;
 }
 
 textarea {
-   vertical-align: top;
+	vertical-align: top;
 }
 
 /**
  * Contact Form
  */
 .required:after {
-   content: " (required)";
-   color: white;
+	content: " (required)";
+	color: white;
 }
 
 .placeholder:after {
@@ -902,8 +936,8 @@ textarea {
 }
 
 .form-label {
-   display: block;
-   margin-bottom: 5px;
+	display: block;
+	margin-bottom: 5px;
 }
 
 .form-input,
@@ -926,31 +960,32 @@ textarea {
 }
 
 .form-checkbox-container {
-   display: flex;
-   flex-direction: column;
+	display: flex;
+	flex-direction: column;
 }
 
 /**
  * Homepage
  */
 .particles-wrapper {
-   background-color: #222;
-   width: 100%;
-   height: 100%;
-   padding: 0;
-   margin: 0;
-   overflow: hidden;
+	background-color: #222;
+	width: 100%;
+	height: 100%;
+	padding: 0;
+	margin: 0;
+	overflow: hidden;
 }
 
 .flex-container {
-	 padding-left: 0px;
-   display: flex;
-   justify-content: space-between;
-   align-items: flex-start;
+	padding-left: 0px;
+	padding-right: 0px;
+	display: flex;
+	justify-content: space-between;
+	align-items: flex-start;
 }
 
 .flex-container-inner {
-   width: 100%;
+	width: 100%;
 }
 
 section {
@@ -964,406 +999,406 @@ section {
 }
 
 .tall-section {
-  margin: 250px 0px;
+	margin: 250px 0px;
 }
 
 .companies {
-   display: flex;
-   justify-content: space-between;
-   align-items: center;
-   margin: 30px 0px;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin: 30px 0px;
 }
 
 .companies div {
-   width: 27%;
-   text-align: center;
-   display: flex;
-   align-items: center;
-   justify-content: center;
-   height: 120px;
-   border-bottom: 1px solid;
+	width: 27%;
+	text-align: center;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 120px;
+	border-bottom: 1px solid;
 }
 
 .companies a img {
-   height: 45px;
-   filter: grayscale(100%);
-   text-align: center;
+	height: 45px;
+	filter: grayscale(100%);
+	text-align: center;
 }
 
 .companies a:hover {
-   background-color: none;
-   background: none;
-   text-decoration: none;
+	background-color: none;
+	background: none;
+	text-decoration: none;
 }
 
 .text-well {
-   max-width: 100%;
+	max-width: 100%;
 }
 
 /**
  * Code and syntax highlighting
  */
 .lineno {
-   color: var(--code-color-1);
-   margin-right: 15px;
+	color: var(--code-color-1);
+	margin-right: 15px;
 }
 
 figure.highlight {
-   margin: 5px 0;
+	margin: 5px 0;
 }
 
 pre {
-   background-color: var(--background-color);
-   border: none;
-   padding: 0;
-   margin: 0;
-   overflow: auto;
-   font-size: $base-font-size;
-   color: var(--text-color);
-   line-height: 1.7 !important;
-   font-family: $base-font-family !important;
+	background-color: var(--background-color);
+	border: none;
+	padding: 0;
+	margin: 0;
+	overflow: auto;
+	font-size: $base-font-size;
+	color: var(--text-color);
+	line-height: 1.7 !important;
+	font-family: $base-font-family !important;
 }
 
 .highlight .hll {
-   background-color: var(--code-color-2);
+	background-color: var(--code-color-2);
 }
 
 .highlight .c {
-   color: var(--code-color-1);
-   font-style: italic
+	color: var(--code-color-1);
+	font-style: italic
 }
 
 /* Comment */
 .highlight .err {
-   color: var(--code-color-3);
-   background-color: var(--code-color-4);
+	color: var(--code-color-3);
+	background-color: var(--code-color-4);
 }
 
 /* Error */
 .highlight .k {
-   color: var(--code-color-5);
+	color: var(--code-color-5);
 }
 
 /* Keyword */
 .highlight .cm {
-   color: var(--code-color-1);
-   font-style: italic
+	color: var(--code-color-1);
+	font-style: italic
 }
 
 /* Comment.Multiline */
 .highlight .cp {
-   color: var(--code-color-6);
+	color: var(--code-color-6);
 }
 
 /* Comment.Preproc */
 .highlight .c1 {
-   color: var(--code-color-1);
-   font-style: italic
+	color: var(--code-color-1);
+	font-style: italic
 }
 
 /* Comment.Single */
 .highlight .cs {
-   color: var(--code-color-5);
-   font-style: italic
+	color: var(--code-color-5);
+	font-style: italic
 }
 
 /* Comment.Special */
 .highlight .gd {
-   color: var(--code-color-7);
+	color: var(--code-color-7);
 }
 
 /* Generic.Deleted */
 .highlight .ge {
-   font-style: italic
+	font-style: italic
 }
 
 /* Generic.Emph */
 .highlight .gr {
-   color: var(--code-color-7);
+	color: var(--code-color-7);
 }
 
 /* Generic.Error */
 .highlight .gh {
-   color: var(--code-color-8);
-   font-weight: bold
+	color: var(--code-color-8);
+	font-weight: bold
 }
 
 /* Generic.Heading */
 .highlight .gi {
-   color: var(--code-color-9);
+	color: var(--code-color-9);
 }
 
 /* Generic.Inserted */
 .highlight .go {
-   color: var(--code-color-10);
+	color: var(--code-color-10);
 }
 
 /* Generic.Output */
 .highlight .gp {
-   color: var(--code-color-11);
+	color: var(--code-color-11);
 }
 
 /* Generic.Prompt */
 .highlight .gs {
-   font-weight: bold
+	font-weight: bold
 }
 
 /* Generic.Strong */
 .highlight .gu {
-   color: var(--code-color-12);
-   font-weight: bold
+	color: var(--code-color-12);
+	font-weight: bold
 }
 
 /* Generic.Subheading */
 .highlight .gt {
-   color: var(--code-color-7);
+	color: var(--code-color-7);
 }
 
 /* Generic.Traceback */
 .highlight .kc {
-   color: var(--code-color-5);
+	color: var(--code-color-5);
 }
 
 /* Keyword.Constant */
 .highlight .kd {
-   color: var(--code-color-5);
+	color: var(--code-color-5);
 }
 
 /* Keyword.Declaration */
 .highlight .kn {
-   color: var(--code-color-5);
+	color: var(--code-color-5);
 }
 
 /* Keyword.Namespace */
 .highlight .kp {
-   color: var(--code-color-5);
+	color: var(--code-color-5);
 }
 
 /* Keyword.Pseudo */
 .highlight .kr {
-   color: var(--code-color-5);
+	color: var(--code-color-5);
 }
 
 /* Keyword.Reserved */
 .highlight .kt {
-   color: var(--code-color-13);
+	color: var(--code-color-13);
 }
 
 /* Keyword.Type */
 .highlight .m {
-   color: var(--code-color-14);
+	color: var(--code-color-14);
 }
 
 /* Literal.Number */
 .highlight .s {
-   color: var(--code-color-15);
+	color: var(--code-color-15);
 }
 
 /* Literal.String */
 .highlight .na {
-   color: var(--code-color-16);
+	color: var(--code-color-16);
 }
 
 /* Name.Attribute */
 .highlight .nb {
-   color: var(--code-color-13);
+	color: var(--code-color-13);
 }
 
 /* Name.Builtin */
 .highlight .nc {
-   color: var(--code-color-9);
-   text-decoration: underline
+	color: var(--code-color-9);
+	text-decoration: underline
 }
 
 /* Name.Class */
 .highlight .no {
-   color: var(--code-color-7);
+	color: var(--code-color-7);
 }
 
 /* Name.Constant */
 .highlight .nd {
-   color: var(--code-color-10);
+	color: var(--code-color-10);
 }
 
 /* Name.Decorator */
 .highlight .ni {
-   color: var(--code-color-17);
-   font-weight: bold
+	color: var(--code-color-17);
+	font-weight: bold
 }
 
 /* Name.Entity */
 .highlight .nf {
-   color: var(--code-color-9);
+	color: var(--code-color-9);
 }
 
 /* Name.Function */
 .highlight .nn {
-   color: var(--code-color-13);
-   text-decoration: underline
+	color: var(--code-color-13);
+	text-decoration: underline
 }
 
 /* Name.Namespace */
 .highlight .nt {
-   color: var(--code-color-16);
-   font-weight: bold
+	color: var(--code-color-16);
+	font-weight: bold
 }
 
 /* Name.Tag */
 .highlight .nv {
-   color: var(--code-color-7);
+	color: var(--code-color-7);
 }
 
 /* Name.Variable */
 .highlight .ow {
-   color: var(--code-color-5);
+	color: var(--code-color-5);
 }
 
 /* Operator.Word */
 .highlight .w {
-   color: var(--code-color-18);
+	color: var(--code-color-18);
 }
 
 /* Text.Whitespace */
 .highlight .mf {
-   color: var(--code-color-14);
+	color: var(--code-color-14);
 }
 
 /* Literal.Number.Float */
 .highlight .mh {
-   color: var(--code-color-14);
+	color: var(--code-color-14);
 }
 
 /* Literal.Number.Hex */
 .highlight .mi {
-   color: var(--code-color-14);
+	color: var(--code-color-14);
 }
 
 /* Literal.Number.Integer */
 .highlight .mo {
-   color: var(--code-color-14);
+	color: var(--code-color-14);
 }
 
 /* Literal.Number.Oct */
 .highlight .sb {
-   color: var(--code-color-15);
+	color: var(--code-color-15);
 }
 
 /* Literal.String.Backtick */
 .highlight .sc {
-   color: var(--code-color-15);
+	color: var(--code-color-15);
 }
 
 /* Literal.String.Char */
 .highlight .sd {
-   color: var(--code-color-15);
+	color: var(--code-color-15);
 }
 
 /* Literal.String.Doc */
 .highlight .s2 {
-   color: var(--code-color-15);
+	color: var(--code-color-15);
 }
 
 /* Literal.String.Double */
 .highlight .se {
-   color: var(--code-color-15);
+	color: var(--code-color-15);
 }
 
 /* Literal.String.Escape */
 .highlight .sh {
-   color: var(--code-color-15);
+	color: var(--code-color-15);
 }
 
 /* Literal.String.Heredoc */
 .highlight .si {
-   color: var(--code-color-15);
+	color: var(--code-color-15);
 }
 
 /* Literal.String.Interpol */
 .highlight .sx {
-   color: var(--code-color-15);
+	color: var(--code-color-15);
 }
 
 /* Literal.String.Other */
 .highlight .sr {
-   color: var(--code-color-14);
+	color: var(--code-color-14);
 }
 
 /* Literal.String.Regex */
 .highlight .s1 {
-   color: var(--code-color-15);
+	color: var(--code-color-15);
 }
 
 /* Literal.String.Single */
 .highlight .ss {
-   color: var(--code-color-5);
+	color: var(--code-color-5);
 }
 
 /* Literal.String.Symbol */
 .highlight .bp {
-   color: var(--code-color-13);
+	color: var(--code-color-13);
 }
 
 /* Name.Builtin.Pseudo */
 .highlight .vc {
-   color: var(--code-color-7);
+	color: var(--code-color-7);
 }
 
 /* Name.Variable.Class */
 .highlight .vg {
-   color: var(--code-color-7);
+	color: var(--code-color-7);
 }
 
 /* Name.Variable.Global */
 .highlight .vi {
-   color: var(--code-color-7);
+	color: var(--code-color-7);
 }
 
 /* Name.Variable.Instance */
 .highlight .il {
-   color: var(--code-color-14);
+	color: var(--code-color-14);
 }
 
 /* Literal.Number.Integer.Long */
 
 .hide {
-   display: none;
-   width: 100%;
+	display: none;
+	width: 100%;
 }
 
 .show {
-   display: inline-block;
+	display: inline-block;
 }
 
 /**
-* Companies Carousel
-*/
+ * Companies Carousel
+ */
 
 .logo-section {
-  width: 100%;
-  overflow: hidden;
-  padding: 20px 0;
-  filter: brightness(50%);
-  mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
-  -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
+	width: 100%;
+	overflow: hidden;
+	padding: 20px 0;
+	filter: brightness(50%);
+	mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
+	-webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
 }
 
 .logo-slider {
 	display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-  transform: translateX(0);
+	align-items: center;
+	flex-wrap: nowrap;
+	transform: translateX(0);
 }
 
 .logo-slider img {
-  height: 50px;
-  margin-right: 80px;
-  filter: grayscale(100%);
-  opacity: 0.8;
-  transition: opacity 0.3s;
+	height: 50px;
+	margin-right: 80px;
+	filter: grayscale(100%);
+	opacity: 0.8;
+	transition: opacity 0.3s;
 }
 
 .logo-slider img:hover {
-  opacity: 1;
+	opacity: 1;
 }
 
 /**
@@ -1371,57 +1406,57 @@ pre {
  */
 
 .carousel-container {
-   padding-left: 80px;
+	padding-left: 80px;
 }
 
 #carousel {
-   display: flex;
-   flex-direction: column;
-   align-items: center;
-   overflow: hidden;
-   height: 320px;
-   padding-left: 100px;
-   position: relative;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	overflow: hidden;
+	height: 320px;
+	padding-left: 100px;
+	position: relative;
 }
 
 .carousel-item {
-   display: flex;
-   justify-content: center;
-   align-items: start;
-   max-width: 400px;
-   height: 80px;
-   width: 100%;
-   font-size: 16px;
-   opacity: 0.5;
-   margin: 5px 0;
-   position: absolute;
-   left: 0;
-   right: 0;
-   transition: transform 1s ease, font-size 1s ease, opacity 1s ease;
-   transform-origin: center;
-   visibility: hidden;
-   overflow: hidden;
+	display: flex;
+	justify-content: center;
+	align-items: start;
+	max-width: 400px;
+	height: 80px;
+	width: 100%;
+	font-size: 16px;
+	opacity: 0.5;
+	margin: 5px 0;
+	position: absolute;
+	left: 0;
+	right: 0;
+	transition: transform 1s ease, font-size 1s ease, opacity 1s ease;
+	transform-origin: center;
+	visibility: hidden;
+	overflow: hidden;
 }
 
 .carousel-link {
-   text-align: left;
-   display: -webkit-box;
-   -webkit-box-orient: vertical;
-   -webkit-line-clamp: 2;
-   overflow: hidden;
-   text-overflow: ellipsis;
-   line-height: 1.2;
-   max-height: 2.4em;
-   width: 100%;
-   margin: 0 10px;
-   white-space: normal;
+	text-align: left;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	line-height: 1.2;
+	max-height: 2.4em;
+	width: 100%;
+	margin: 0 10px;
+	white-space: normal;
 }
 
 .carousel-item.active {
-   transform: translateY(0) scale(1.2);
-   font-size: 20px;
-   opacity: 1;
-   visibility: visible;
+	transform: translateY(0) scale(1.2);
+	font-size: 20px;
+	opacity: 1;
+	visibility: visible;
 }
 
 .carousel-title {
@@ -1436,145 +1471,225 @@ pre {
  * Blog
  */
 .post img {
-   max-width: 100%;
+	max-width: 100%;
 }
 
 #lp-post-img {
-   max-width: 100%;
+	max-width: 100%;
 }
 
 /** end blog */
 
 *,
-*::before,
-*::after {
-   box-sizing: border-box;
-}
+	*::before,
+	*::after {
+		box-sizing: border-box;
+	}
 
-.wrapper {
-   background: linear-gradient(60deg, #420285, #08BDBD);
-   height: 100%;
-   width: 100%;
-   display: flex;
-   justify-content: center;
-}
+	.wrapper {
+		background: linear-gradient(60deg, #420285, #08BDBD);
+		height: 100%;
+		width: 100%;
+		display: flex;
+		justify-content: center;
+	}
 
-.title {
-   text-transform: uppercase;
-   font-size: 20px;
-   margin-top: 10px;
-}
+	.title {
+		text-transform: uppercase;
+		font-size: 20px;
+		margin-top: 10px;
+	}
 
-.who-we-are {
-	margin-left: 70px;
-}
+	.who-we-are {
+		margin-left: 70px;
+	}
 
-/**
- * media queries
- */
+	/**
+	 * media queries
+	 */
 
 @media (max-width: 1380px) {
 	.vertical-line-container {
 		display: none;
 	}
+	.roadmap-tagline {
+		font-size: 30px !important;
+		line-height: 30px;
+		margin-bottom: 15px;
+	}
+}
+
+@media (max-width: 1090px) {
+	.contact-header {
+		height: 260px;
+	}
+}
+
+@media (max-width: 1150px) {
+	.landing-header {
+		height: 400px;
+	}
+	.roadmap-title-container {
+		flex-direction: column;
+	}
+	.roadmap-tagline-line {
+		display: none;
+	}
+	.component-section {
+		flex-direction: column;
+	}
+	.component-links {
+		max-width: 100%;
+	}
 }
 
 @media (max-width: 1020px) {
-   .flex-container-inner {
-      width: 100% !important;
-			margin: 0;
-			margin-bottom: 50px;
-   }
+	.flex-container-inner {
+		width: 100% !important;
+		margin: 0;
+		margin-bottom: 50px;
+	}
 
-   .flex-container {
-   }
+	.flex-container {
+	}
 
-   .hide {
-      display: inline-block;
-   }
+	.hide {
+		display: inline-block;
+	}
 
-   .show {
-      display: none;
-   }
+	.show {
+		display: none;
+	}
 
-	 .who-we-are-section {
-			flex-direction: column-reverse;
-	 }
+	.who-we-are-section {
+		flex-direction: column-reverse;
+	}
 
-	 .team .flex-container-inner {
-		 margin-bottom: 30px;
-	 }
+	.team .flex-container-inner {
+		margin-bottom: 30px;
+	}
+}
+
+@media (max-width: 742px) {
+	.contact-header {
+		height: 340px;
+	}
 }
 
 @media (max-width: 600px) {
-		.flex-container {
-			flex-direction: column;
-		}
+	.flex-container {
+		flex-direction: column;
+	}
 
-		.who-we-are-section {
-			flex-direction: column-reverse;
-		}
+.form-container.card {
+	padding: 20px 15px;
 
-		section {
-			margin-top: 80px;
-			margin-bottom: 80px;
-		}
+}
+	.who-we-are-section {
+		flex-direction: column-reverse;
+	}
 
-   .companies {
-      flex-wrap: wrap;
-   }
+	section {
+		margin-top: 80px;
+		margin-bottom: 80px;
+	}
 
-   .companies div {
-      width: 100%;
-      height: 170px;
-      border-bottom: none;
-   }
+	.companies {
+		flex-wrap: wrap;
+	}
 
-   .carousel-container {
-      padding-top: 50px;
-      padding-left: 10px;
-   }
+	.companies div {
+		width: 100%;
+		height: 170px;
+		border-bottom: none;
+	}
 
-	 .hero-header {
-			height: unset !important;
-	 }
+	.carousel-container {
+		padding-top: 50px;
+		padding-left: 10px;
+	}
 
-	 .contact-header {
-			margin-top: 50px;
-			height: unset;
-	 }
+	.hero-header {
+		height: unset !important;
+	}
 
-	 .capsule-header {
-			height: unset;
-			margin-top: 30px;
-			margin-bottom: 30px;
-	 }
+	.contact-header {
+		margin-top: 0px;
+		height: 130px;
+	}
 
-	 .footer-link {
-			margin-bottom: 20px;
-      min-width: 200px;
-	 }
+	.capsule-header {
+		height: unset;
+		margin-top: 170px;
+	}
 
-   .tall-section {
-      margin: 100px 0px;
-   }
+	.footer-link {
+		margin-bottom: 20px;
+		min-width: 200px;
+	}
 
-   .about-special {
-      margin-top: 0px;
-   }
+	.tall-section {
+		margin: 100px 0px;
+	}
 
-	 h1 {
-		font-size: 70px !important;
-		line-height: 70px !important;
-	 }
+	.mid-tall-section {
+		margin: 20px 0px;
+	}
 
-	 h2 {
-		font-size: 50px !important;
-		line-height: 50px !important;
-	 }
+	.about-special {
+		margin-top: 0px;
+	}
 
-	 .roadmap-header {
-		 flex-direction: column;
-	 }
+	p {
+    font-size: 1.1rem !important;
+	}
+
+	h1 {
+		font-size: 45px !important;
+		line-height: 45px !important;
+	}
+
+	h2 {
+		font-size: 40px !important;
+		line-height: 40px !important;
+	}
+
+	.roadmap-header {
+		flex-direction: column;
+	}
+
+	.roadmap-header-capsule {
+		margin: 0;
+	}
+	.capsule-yellow, .capsule-green, .capsule-grey {
+		margin: 0px;
+	}
+	.capsule-transparent {
+		margin: 5px 5px 0px 0px !important;
+	}
+	.hero-p {
+		font-size: 1.1rem;
+	}
+
+	.landing-page-header {
+		margin-top: 20vh;
+		margin-bottom: 20vh;
+	}
+	.video-background {
+		left: 50% !important;
+	}
+	.gradient-overlay {
+		background: linear-gradient(to bottom, #0f0f0f 0%, rgba(15, 15, 15, 0) 25%, rgba(15, 15, 15, 0) 75%, #0f0f0f 100%), linear-gradient(to right, rgb(15, 15, 15) 0%, rgba(15, 15, 15, 0) 100%)
+	}
+	.carousel-title {
+		font-size: 1rem;
+	}
+	.footer-container {
+		flex-direction: column-reverse;
+	}
+	.footer-link {
+		font-size: 1rem !important;
+		margin-bottom: 10px;
+	}
 }
 
diff --git a/assets/videos/globe.mp4 b/assets/videos/globe.mp4
deleted file mode 100644
index 0a60aa6..0000000
Binary files a/assets/videos/globe.mp4 and /dev/null differ
diff --git a/assets/videos/globe.webm b/assets/videos/globe.webm
new file mode 100644
index 0000000..2dac3d4
Binary files /dev/null and b/assets/videos/globe.webm differ
diff --git a/assets/videos/landing-globe.mp4 b/assets/videos/landing-globe.mp4
deleted file mode 100644
index 0762709..0000000
Binary files a/assets/videos/landing-globe.mp4 and /dev/null differ
diff --git a/assets/videos/landing-globe.webm b/assets/videos/landing-globe.webm
new file mode 100644
index 0000000..be052f3
Binary files /dev/null and b/assets/videos/landing-globe.webm differ
diff --git a/assets/videos/swirly-lines.mp4 b/assets/videos/swirly-lines.mp4
deleted file mode 100644
index 1b6f05b..0000000
Binary files a/assets/videos/swirly-lines.mp4 and /dev/null differ
diff --git a/assets/videos/swirly-lines.webm b/assets/videos/swirly-lines.webm
new file mode 100644
index 0000000..c0bdfc3
Binary files /dev/null and b/assets/videos/swirly-lines.webm differ
diff --git a/assets/videos/turq-blocks.mp4 b/assets/videos/turq-blocks.mp4
deleted file mode 100644
index acebf01..0000000
Binary files a/assets/videos/turq-blocks.mp4 and /dev/null differ
diff --git a/assets/videos/turq-blocks.webm b/assets/videos/turq-blocks.webm
new file mode 100644
index 0000000..ab19954
Binary files /dev/null and b/assets/videos/turq-blocks.webm differ