_config.yml

@@ -1,9 +1,9 @@
 title: Caution
 email: info@caution.co
-description: The first open source platform for encrypted data recovery and escrow.
+description: Security without blind trust.
 baseurl: ""
 url: "https://caution.co"
-banner: "https://caution.co/assets/base/caution-thumbnail.png"
+banner: "https://distrust.co/assets/base/distrust-thumbnail.png"
 
 header_pages:
 - index.md
@@ -11,7 +11,7 @@ header_pages:
 style: dark
 listen_for_clients_preferred_style: false
 
-footer: '© 2025 Caution'
+footer: '© 2025 Caution SEZC'
 
 theme: jekyll-theme-console
 

_includes/head.html

@@ -2,9 +2,9 @@
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-	<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-16x16.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/Group 57.png">
-	<link rel="icon" type="image/png" sizes="96x96" href="/assets/favicons/favicon-caution-32x32.png">
+	<link rel="icon" type="image/png" sizes="96x96" href="/assets/favicons/Group 57.png">
-	<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-caution-96x96.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/Group 57.png">
 	<title>{{ page.title }}</title>
 	<link rel="stylesheet" href="styles.css">
 	<meta content="{{ site.title }}" property="og:site_name" />

_layouts/landing.html

@@ -3,12 +3,12 @@
 	
 {%- include head.html -%} 
 
-<!-- <div class="video-background-container">
+<div class="video-background-container">
 	<video autoplay muted loop playsinline class="video-background">
-		<source src="assets/videos/caution-waitlist.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
+		<source src="assets/videos/waitlist.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
-		<source src="assets/videos/caution-waitlist.webm" type='video/webm; codecs="vp8, vorbis"' />
+		<source src="assets/videos/waitlist.webm" type='video/webm; codecs="vp8, vorbis"' />
 	</video>
-</div> -->
+</div>
 
 
 
@@ -16,26 +16,30 @@
 
 <section class="logo-section center">
 	
-		<div class="logo fade-in">
+		<div class="logo">
 			<a href="/">
-    			<img src="/assets/base/caution-logo/caution-logo-text-black.svg" alt="Caution logo" style="height: clamp(1.5rem, 10vw, 2rem); opacity: 0.8">
+    			<img src="/assets/base/caution-logo/caution-logo-text-black.svg" alt="Caution logo" style="height: clamp(1.5rem, 10vw, 2.2rem); opacity: 0.8">
 			</a>
 		</div>
 	
 
-	<div class="heading center fade-in">
+	<div class="heading center">
 		<h1>Join the waitlist</h1>
-		<p class="subtext  center delay-1">
+		<p class="subtext  center">
 			The first open source platform for encrypted data recovery and escrow. Built by the security engineers behind <a rel=”noopener noreferrer” target="_blank" href="https://distrust.co/" class="distrust-link-subtext">Distrust</a>, formerly at BitGo, Unit410, and Turnkey.
 		  </p>
 	</div>
 
 </section>
 
-<div class="info-block fade-in delay-2">
+<div class="info-block">
-	GET&emsp;EARLY&emsp;ACCESS<br />
+	 <span class="spaced-text">GET</span>
-	BE&emsp;THE&emsp;FIRST<br />
+	<span class="spaced-text">EARLY</span>
-	TO&emsp;TRY&emsp;IT
+	<span class="spaced-text">ACCESS</span><br>
+	<span class="spaced-text">BE THE</span>
+	<span class="spaced-text">FIRST</span><br>
+	<span class="spaced-text">TO</span>
+	<span class="spaced-text">TRY IT</span>
  </div>
 
 <div class="waitlist-form">
@@ -54,7 +58,7 @@
 	</form>	
 </div>
 
-<div class="footer fade-in delay-3">
+<div class="footer">
 	<p>No spam – we'll only email you about Caution.</p>
 </div>
 <div class="footer-mobile">

_layouts/thankyou.html

@@ -3,12 +3,12 @@
 	
 {%- include head.html -%} 
 
-<!-- <div class="video-background-container">
+<div class="video-background-container">
 	<video autoplay muted loop playsinline class="video-background">
-		<source src="assets/videos/caution-waitlist.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
+		<source src="assets/videos/waitlist.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
-		<source src="assets/videos/caution-waitlist.webm" type='video/webm; codecs="vp8, vorbis"' />
+		<source src="assets/videos/waitlist.webm" type='video/webm; codecs="vp8, vorbis"' />
 	</video>
-</div> -->
+</div>
 
 
 <body>
@@ -17,7 +17,7 @@
 	
 	<div class="logo">
 		<a href="/">
-			<img src="/assets/base/caution-logo/caution-logo-text-black.svg" alt="Caution logo" style="height: clamp(1.5rem, 10vw, 2rem); opacity: 0.8">
+			<img src="/assets/base/caution-logo/caution-logo-text-black.svg" alt="Caution logo" style="height: clamp(1.5rem, 10vw, 2.2rem); opacity: 0.8">
 		</a>
 	</div>
 	
@@ -29,7 +29,7 @@
 	</div>
 </section>
 
-<div class="info-block-thanks fade-in delay-4">
+<div class="info-block-thanks">
 	<span class="spaced-text">SOMETHING</span>
 	<span class="spaced-text">EXCITING</span>
 	<span class="spaced-text">IS</span>

_sass/base.scss

@@ -23,23 +23,7 @@ html {
 	scroll-behavior: smooth;
 }
 
-
-body::before {
-	content: "";
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100vw;
-	height: 100vh;
-	background: url('/assets/base/waitlist-static.jpeg') no-repeat center center;
-	background-size: cover;
-	transform: scaleX(-1);
-	z-index: -1;
-	opacity: 0.9; /* Optional: slightly fade background */
-  }
-
 body {
-	position: relative;
 	background-color: var(--ghost-white);
 	margin: 0 auto;
 	padding: 0 auto;
@@ -97,43 +81,10 @@ h1 {
 	color: #242526;
 }
   
-.fade-in {
-	opacity: 0;
-	animation: fadeIn ease 1.1s forwards;
-  }
-
-@keyframes fadeIn {
-	from {
-	  opacity: 0;
-	  transform: translateY(7px);
-	}
-	to {
-	  opacity: 1;
-	  transform: translateY(0);
-	}
-  }
-
-.delay-1 {
-	animation-delay: 0.1s;
-}
-
-.delay-2 {
-	animation-delay: 0.2s;
-}
-
-.delay-3 {
-	animation-delay: 0.3s;
-}
-
-.delay-4 {
-	animation-delay: 0.3s;
-}
-
 .subtext, .subtext-thanks {
 	font-size: clamp(1.1rem, 2vw, 1.25rem);
-	background: rgba(232, 246, 253, 0.6);
+	color: white;
-	border-radius: 1rem;
+  	mix-blend-mode: difference;
-	box-shadow: 0 0 30px 20px rgba(232, 246, 253, 0.7);
 }
 
 .subtext {
@@ -150,7 +101,7 @@ h1 {
 	font-size: 1rem;
 	text-transform: uppercase;
 	max-width:  300px;
-	margin-right: 25rem;
+	margin-right: 24rem;
 }
 
 .info-block {
@@ -161,6 +112,11 @@ h1 {
 	margin-bottom: 7rem;
 }
 
+.spaced-text {
+	margin-right: 1.25rem;
+	display: inline-block;
+}
+
 .waitlist-form {
 	width: min(90%, 500px);
 }
@@ -242,7 +198,7 @@ h1 {
 }
 
 .distrust-link-subtext:hover {
-	color: var(--pink); //#0FB74A//;
+	color: #0FB74A;
 }
 
 .distrust-link-footer:hover {