From bc53553ee2b7920dd216be466d60a0e4ede77ce3 Mon Sep 17 00:00:00 2001
From: Matthew Holt <mholt@users.noreply.github.com>
Date: Mon, 25 Sep 2023 12:29:34 -0600
Subject: [PATCH] Keep working on homepage

---
 new/includes/head.html                  |   2 +-
 new/index.html                          | 114 ++++++++++++--
 new/resources/css/common.css            |   6 +-
 new/resources/css/home.css              | 194 ++++++++++++++++++++++--
 new/resources/images/home-curvey-bg.svg |  10 +-
 new/resources/images/logo-dark.svg      |  14 +-
 6 files changed, 296 insertions(+), 44 deletions(-)

diff --git a/new/includes/head.html b/new/includes/head.html
index ed418d7..233c531 100644
--- a/new/includes/head.html
+++ b/new/includes/head.html
@@ -7,7 +7,7 @@
 
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Gantari:wght@400;600;800&family=Figtree:wght@300..900&&family=JetBrains+Mono:wght@400;600&family=Inter:wght@400;500;600&family=Maven+Pro:wght@400;700&family=Poppins:wght@400;600;800&family=Albert+Sans:wght@400;600&family=Red+Hat+Text&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Gantari:wght@400;600;800&family=Figtree:wght@300..900&&family=JetBrains+Mono:wght@400;600&family=Inter:wght@400;500;600&family=Maven+Pro:wght@400;700&family=Poppins:wght@400;600;700;800&family=Albert+Sans:wght@400;600&family=Red+Hat+Text&display=swap" rel="stylesheet">
 
 <link rel="stylesheet" href="/resources/css/common.css">
 <link rel="stylesheet" href="/resources/css/chroma.css">
diff --git a/new/index.html b/new/index.html
index 8d1e6d1..7e633ac 100644
--- a/new/index.html
+++ b/new/index.html
@@ -26,7 +26,7 @@
 									Ultimate Server
 								</div>
 								<div class="sub-h1">
-									makes your sites more <b>secure</b>, more <b>reliable</b>, and more <b>scalable</b> more <b>easily</b>.
+									makes your sites more <b>secure</b>, more <b>reliable</b>, and more <b>scalable</b> than any other solution.
 								</div>
 							</h1>
 
@@ -48,10 +48,10 @@
 					<div class="sponsors-leaders">
 						<h3>Sponsored by <b>leaders</b></h3>
 						<div class ="sponsor-logos">
-							<a href="https://zerossl.com">
+							<a href="https://zerossl.com" target="_blank">
 								<img src="/resources/images/sponsors/zerossl-dark.svg" alt="ZeroSSL">
 							</a>
-							<a href="https://stripe.com">
+							<a href="https://stripe.com" target="_blank">
 								<img src="/resources/images/sponsors/stripe-dark.svg" alt="Stripe">
 							</a>
 						</div>
@@ -69,19 +69,107 @@
 				HTTPS
 			</div>
 			<h2>
-				<b>By default, </b>Caddy <b>automatically obtains</b> and <b>renews</b> TLS certificates for <b>all your domains.</b>
+				<b>By default, </b>Caddy <b>automatically obtains</b> and <b>renews</b> TLS certificates for <b>all your sites.</b>
 			</h2>
-			<p>
-				Check this out
-				<br><br>
-				Testing Testing
-				<br><br>
-				Test
-				<br><br>
-				Another test
-			</p>
+
+			<div class="wrapper cols">
+				<div class="col">
+					<h3 class="green">Dynamically provision certificates</h3>
+					<p>
+						With On-Demand TLS, only Caddy obtains, renews, and maintains certificates on-the-fly during TLS handshakes. Perfect for customer-owned domains.
+					</p>
+				</div>
+				<div class="col">
+					<h3 class="purple">Dynamically provision certificates</h3>
+					<p>
+						With On-Demand TLS, only Caddy obtains, renews, and maintains certificates on-the-fly during TLS handshakes. Perfect for customer-owned domains.
+					</p>
+				</div>
+				<div class="col">
+					<h3 class="blue">Dynamically provision certificates</h3>
+					<p>
+						With On-Demand TLS, only Caddy obtains, renews, and maintains certificates on-the-fly during TLS handshakes. Perfect for customer-owned domains.
+					</p>
+				</div>
+			</div>
 		</div>
 
+		<section>
+			<div class="section-header">
+				<h2>
+					The <b>most advanced</b> HTTPS server <b>in the world</b>
+				</h2>
+			</div>
+
+			<div class="wrapper cols">
+				<div class="col">
+					<h3 class="green">Dynamically provision certificates</h3>
+					<p>
+						With On-Demand TLS, only Caddy obtains, renews, and maintains certificates on-the-fly during TLS handshakes. Perfect for customer-owned domains.
+					</p>
+				</div>
+				<div class="col">
+					<h3 class="purple">Dynamically provision certificates</h3>
+					<p>
+						With On-Demand TLS, only Caddy obtains, renews, and maintains certificates on-the-fly during TLS handshakes. Perfect for customer-owned domains.
+					</p>
+				</div>
+				<div class="col">
+					<h3 class="blue">Dynamically provision certificates</h3>
+					<p>
+						With On-Demand TLS, only Caddy obtains, renews, and maintains certificates on-the-fly during TLS handshakes. Perfect for customer-owned domains.
+					</p>
+				</div>
+			</div>
+
+			<div class="wrapper demobox">
+				<h2>Experience it</h2>
+				<p>
+					<b>Discover Caddy's automagic HTTPS features in this demo!</b>
+				</p>
+				<p>
+					Point any subdomain named <b><code>caddydemo</code></b> to:
+				</p>
+				<p class="demo-ips">
+					<code>
+						<span class="record-type">A</span>
+						<span class="demo-ip">123.123.123.123</span>
+					</code>
+					<code>
+						<span class="record-type">AAAA</span>
+						<span class="demo-ip">::f00</span>
+					</code>
+				</p>
+				<p>
+					Then <b>visit it</b> in your browser.
+				</p>
+				<p>
+					You'll notice how Caddy <b>provisions a certificate</b> for your domain <b>automatically.</b>
+				</p>
+				<div class="demo-help">
+					<p>
+						<b>Not working?</b> Make sure to use a subdomain of a registered domain, not a "sub-subdomain."
+						Verify you have created the public DNS records shown above with the correct values.
+						You may have to wait to allow time for propagation. Consult your DNS provider's documentation or support for more information.
+					</p>
+					<p>
+						<b>Example subdomains that could work:</b> <code>caddydemo.example.net</code>, <code>caddydemo.example.co.uk</code>
+					</p>
+					<p>
+						(Caddy is capable of serving TLS for any domains and IPs. This demo is arbitrarily restricted.)
+					</p>
+				</div>
+			</div>
+		</section>
+
+		<section class="dark-section">
+			<div class="wrapper">
+				<h2>
+					Flexible configuration for any production environment
+				</h2>
+			</div>
+		</section>
+
 
 		<script>
 			AsciinemaPlayer.create('/resources/321140.cast', $('#demo'), {
diff --git a/new/resources/css/common.css b/new/resources/css/common.css
index 595ed81..21e0cdf 100644
--- a/new/resources/css/common.css
+++ b/new/resources/css/common.css
@@ -1,7 +1,7 @@
 :root,
 .light {
 	--body-bg: white;
-	--text-color: #222;
+	--text-color: #2c2c2c;
 	--text-color-muted: #7087a0;
 	--header-bg: rgba(118, 179, 194, 0.11);
 	--header-border-color: #ebf0f2;
@@ -98,8 +98,8 @@
 body {
 	font-family: Inter, Figtree, Gantari, 'Albert Sans', Inter, system-ui;
 	font-size: 18px;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
+	/* -webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale; */
 	tab-size: 4;
 	background-color: var(--body-bg);
 	color: var(--text-color);
diff --git a/new/resources/css/home.css b/new/resources/css/home.css
index c14e17d..c95d5a4 100644
--- a/new/resources/css/home.css
+++ b/new/resources/css/home.css
@@ -133,6 +133,7 @@ h1 .sub-h1 {
 	font-size: 32px;
 	font-weight: normal;
 	line-height: 1.3;
+	font-family: Figtree;
 }
 
 
@@ -273,14 +274,7 @@ div.ap-wrapper:fullscreen div.ap-player {
 	text-align: center;
 	margin: 75px auto;
 	padding: 35px;
-}
-
-.sponsors-leaders h3 {
-	color: #EB5EDD;
-	font-weight: normal;
-	font-family: Poppins, ui-rounded;
-	font-size: 18px;
-	margin-bottom: 1em;
+	z-index: 0;
 }
 
 .sponsors-leaders::before {
@@ -293,9 +287,18 @@ div.ap-wrapper:fullscreen div.ap-player {
 	left: 0;
 	right: 0;
 	bottom: 0;
+	z-index: -1;
 	pointer-events: none;
 }
 
+.sponsors-leaders h3 {
+	color: #EB5EDD;
+	font-weight: normal;
+	font-family: Poppins, ui-rounded;
+	font-size: 18px;
+	margin-bottom: 1em;
+}
+
 .sponsor-logos {
 	display: flex;
 	gap: 50px;
@@ -319,7 +322,8 @@ div.ap-wrapper:fullscreen div.ap-player {
 	margin-top: -10vw;
 	position: relative;
 	z-index: 0;
-	padding-top: 11vw;
+	padding-top: 14vw;
+	padding-bottom: 300px;
 	font-family: Poppins, ui-rounded;
 }
 
@@ -340,7 +344,7 @@ div.ap-wrapper:fullscreen div.ap-player {
 	color: #86A6A3;
 	opacity: .5;
 	width: 90%;
-	min-width: 65vw;
+	/* min-width: 65vw; */
 	max-width: 1200px;
 	font-size: 15vw;
 	text-align: center;
@@ -351,7 +355,7 @@ div.ap-wrapper:fullscreen div.ap-player {
 	pointer-events: none;
 	
 	position: absolute;
-	top: 40px;
+	top: 5vw;
 	left: 50%;
 	transform: translateX(-50%);
 }
@@ -362,19 +366,179 @@ div.ap-wrapper:fullscreen div.ap-player {
 
 .wavy-top h2 {
 	color: #003E4B;
-	font-size: 52px;
+	/* font-size: 52px; */
+	font-size: 3vw;
 	text-align: center;
+	width: 60vw;
 	max-width: 950px;
 	font-weight: normal;
-	margin: 0 auto;
-	line-height: 2em;
+	margin: 0 auto 200px;
+	line-height: 2.5em;
 }
 
-.wavy-top h2 b {
+.wavy-top h2 b,
+.section-header b {
 	font-weight: 800;
 }
 
 
+section {
+	padding: 5em;
+	background: white;
+}
+
+.section-header {
+	background: white;
+	margin-top: -250px;
+	padding: 50px 100px 0;
+	border-radius: 20px;
+	z-index: 0;
+	position: relative;
+	box-shadow: 0 -15px 20px -10px rgb(0 0 0 / .1);
+}
+
+.section-header h2 {
+	background: linear-gradient(195deg, rgb(6, 79, 107) 25%, rgba(139, 189, 224, 1) 49%, rgb(72, 129, 164)50%, rgb(8, 44, 58) 100%);
+	-webkit-background-clip: text;
+	background-clip: text;
+	-webkit-text-fill-color: transparent;
+	
+	font-family: Poppins;
+	font-size: 80px;
+	font-weight: 600;
+	text-align: center;
+	margin-bottom: 100px;
+}
+
+
+.cols {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content:space-around;
+	gap: 50px;
+}
+
+.col {
+	/* max-width: 33.333%; */
+	min-width: 250px;
+	padding-left: 1em;
+	flex: 1;
+}
+
+.col h3 {
+	font-weight: 600;
+	font-size: 18px;
+	border-left: 2px solid;
+	padding-top: .25em;
+	padding-bottom: .25em;
+	margin-bottom: 10px;
+
+	/* shove the border over but leave space between border and content */
+	margin-left: -1em;
+	padding-left: calc(1em - 2px);
+}
+
+.col p {
+	font-family: Inter;
+	font-size: 90%;
+	line-height: 1.6;
+	color: #424242;
+}
+
+.col .green {
+	color: #389564;
+	border-color: #389564;
+}
+
+.col .purple {
+	color: rgb(105, 30, 105);
+	border-color: rgb(105, 30, 105);
+}
+
+.col .blue {
+	color: rgb(34, 94, 143);
+	border-color: rgb(34, 94, 143);
+}
+
+
+
+
+
+.demobox {
+	position: relative;
+	color: #003e4b;
+	background: radial-gradient(circle at 200px 100px, rgba(184,255,239,1) 0%, rgba(234,249,255,1) 280px);
+	font-family: Poppins, ui-rounded;
+	font-size: 20px;
+	padding: 50px;
+	border-radius: 15px;
+	margin-top: 200px;
+}
+
+.demobox h2 {
+	position: absolute;
+	top: -99px;
+	font-size: 90px;
+	font-weight: 700;
+	white-space: nowrap;
+
+	background: linear-gradient(0deg, rgba(27,180,186,1) 10%, rgba(0,61,75,1) 50%);
+	-webkit-background-clip: text;
+	background-clip: text;
+	-webkit-text-fill-color: transparent;
+}
+
+.demobox p {
+	margin-bottom: 2em;
+}
+
+.demo-ips {
+	display: flex;
+	gap: 2em;
+}
+
+.demo-ips code {
+	background: #ecffff;
+	display: flex;
+	border-radius: 5px;
+	box-shadow: 0 4px 16px rgb(0 0 0 / .1);
+}
+
+.record-type,
+.demo-ip {
+	display: block;
+	padding: 10px 20px;
+}
+
+.record-type {
+	color: #6ea9b7;
+	border-right: 1px solid #cef4f1;
+}
+
+.demo-help {
+	border-top: 1px solid #b5d3d9;
+	font-size: 75%;
+	color: #628991;
+	font-family: Inter;
+	max-width: 800px;
+}
+
+.demo-help p {
+	margin: 10px 0;
+}
+
+
+.dark-section {
+	background-color: #002020;
+	color: #fff;
+}
+
+.dark-section h2 {
+	font-family: Poppins, ui-rounded;
+	font-size: 50px;
+	font-weight: 600;
+	max-width: 800px;
+}
 
 
 
diff --git a/new/resources/images/home-curvey-bg.svg b/new/resources/images/home-curvey-bg.svg
index 22b4c7b..1104854 100644
--- a/new/resources/images/home-curvey-bg.svg
+++ b/new/resources/images/home-curvey-bg.svg
@@ -1,16 +1,16 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 939 1011" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/">
+<svg width="100%" height="100%" viewBox="0 0 939 707" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/">
 	<g>
-		<path d="M14.129,140.755L0.105,137.072L-0,107.542L21.496,112.707C191.726,157.42 354.607,118.243 505.391,74.798C661.081,29.939 804.376,-18.996 939.021,7.472L939,9.429L939,38.78L924.043,35.849C802.463,10.237 664.073,59.257 513.42,102.664C357.863,147.485 189.747,186.883 14.129,140.755Z" style="fill:url(#_Linear1);"/>
-		<path d="M939,33.014C792.052,-19.345 386.487,159.402 186.064,159.402C90.914,159.402 0.217,137.033 0.217,137.033L0.132,1011L939,1011L939,33.014Z" style="fill:url(#_Linear2);"/>
+		<path d="M14.129,140.755L0.105,137.072L-0,107.542L21.496,112.707C191.726,157.42 354.607,118.243 505.391,74.798C661.081,29.939 804.376,-18.996 939.021,7.472L939,9.429L939,38.78L924.043,35.849C802.463,10.237 664.073,59.257 513.42,102.664C357.863,147.485 189.747,186.883 14.129,140.755Z" style="fill:url(#topStroke);"/>
+		<path d="M939,33.014C792.052,-19.345 386.487,159.402 186.064,159.402C90.914,159.402 0.217,137.033 0.217,137.033L0.132,707L939,707L939,33.014Z" style="fill:url(#gradientFill);"/>
 	</g>
 	<defs>
-		<linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(994.138,0,0,545.232,-12.3299,-13.0835)">
+		<linearGradient id="topStroke" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(994.138,0,0,545.232,-12.3299,-13.0835)">
 			<stop offset="0" style="stop-color:rgb(0,83,166);stop-opacity:1"/>
 			<stop offset="1" style="stop-color:rgb(10,112,29);stop-opacity:1"/>
 		</linearGradient>
-		<linearGradient id="_Linear2" x1="0.31" y1="0.04" x2="0.69" y2="0.96">
+		<linearGradient id="gradientFill" x1="0.31" y1="0.04" x2="0.69" y2="0.96">
 			<stop offset="7%" stop-color="#f7fafc"/>
 			<stop offset="66%" stop-color="#c4d5e0"/>
 		</linearGradient>
diff --git a/new/resources/images/logo-dark.svg b/new/resources/images/logo-dark.svg
index 8652614..8cc183a 100644
--- a/new/resources/images/logo-dark.svg
+++ b/new/resources/images/logo-dark.svg
@@ -39,32 +39,32 @@
                     </g>
                     <g id="Wordmark" transform="matrix(1.54159,0,0,2.8744,2710.6,709.804)">
                         <g id="y" transform="matrix(0.50291,0,0,0.281607,905.533,304.987)">
-                            <path d="M192.152,286.875L202.629,268.64C187.804,270.106 183.397,265.779 180.143,263.391C176.888,261.004 174.362,257.99 172.563,254.347C170.765,250.705 169.866,246.691 169.866,242.305L169.866,208.107L183.21,208.107L183.21,242.213C183.21,245.188 183.896,247.822 185.268,250.116C186.64,252.41 188.465,254.197 190.743,255.475C193.022,256.754 195.501,257.393 198.182,257.393C200.894,257.393 203.393,256.75 205.68,255.463C207.966,254.177 209.799,252.391 211.178,250.105C212.558,247.818 213.248,245.188 213.248,242.213L213.248,208.107L226.545,208.107L226.545,242.305C226.545,246.707 225.378,258.46 218.079,268.64C215.735,271.909 207.835,286.875 207.835,286.875L192.152,286.875Z" style="fill:rgb(230,230,230);fill-rule:nonzero;"/>
+                            <path d="M192.152,286.875L202.629,268.64C187.804,270.106 183.397,265.779 180.143,263.391C176.888,261.004 174.362,257.99 172.563,254.347C170.765,250.705 169.866,246.691 169.866,242.305L169.866,208.107L183.21,208.107L183.21,242.213C183.21,245.188 183.896,247.822 185.268,250.116C186.64,252.41 188.465,254.197 190.743,255.475C193.022,256.754 195.501,257.393 198.182,257.393C200.894,257.393 203.393,256.75 205.68,255.463C207.966,254.177 209.799,252.391 211.178,250.105C212.558,247.818 213.248,245.188 213.248,242.213L213.248,208.107L226.545,208.107L226.545,242.305C226.545,246.707 225.378,258.46 218.079,268.64C215.735,271.909 207.835,286.875 207.835,286.875L192.152,286.875Z" style="fill:rgb(255,255,255);fill-rule:nonzero;"/>
                         </g>
                         <g id="add" transform="matrix(0.525075,0,0,0.281607,801.871,304.987)">
                             <g transform="matrix(116.242,0,0,116.242,161.846,267.39)">
-                                <path d="M0.276,0.012C0.227,0.012 0.186,0 0.15,-0.024C0.115,-0.048 0.088,-0.08 0.069,-0.12C0.05,-0.161 0.04,-0.205 0.04,-0.254C0.04,-0.305 0.051,-0.35 0.072,-0.39C0.094,-0.431 0.125,-0.463 0.165,-0.487C0.205,-0.51 0.254,-0.522 0.31,-0.522C0.366,-0.522 0.413,-0.51 0.452,-0.486C0.491,-0.463 0.521,-0.431 0.542,-0.39C0.562,-0.35 0.573,-0.305 0.573,-0.256L0.573,-0L0.458,-0L0.458,-0.095L0.456,-0.095C0.446,-0.076 0.433,-0.058 0.417,-0.042C0.401,-0.026 0.381,-0.013 0.358,-0.003C0.335,0.007 0.307,0.012 0.276,0.012ZM0.307,-0.086C0.337,-0.086 0.363,-0.093 0.386,-0.108C0.408,-0.123 0.426,-0.144 0.438,-0.17C0.45,-0.195 0.456,-0.224 0.456,-0.256C0.456,-0.288 0.45,-0.317 0.438,-0.342C0.426,-0.367 0.409,-0.387 0.387,-0.402C0.365,-0.417 0.338,-0.424 0.308,-0.424C0.276,-0.424 0.249,-0.417 0.226,-0.402C0.204,-0.387 0.186,-0.366 0.174,-0.341C0.162,-0.315 0.156,-0.287 0.156,-0.255C0.156,-0.224 0.162,-0.195 0.174,-0.169C0.186,-0.144 0.203,-0.123 0.226,-0.108C0.248,-0.093 0.275,-0.086 0.307,-0.086Z" style="fill:rgb(230,230,230);fill-rule:nonzero;"/>
+                                <path d="M0.276,0.012C0.227,0.012 0.186,0 0.15,-0.024C0.115,-0.048 0.088,-0.08 0.069,-0.12C0.05,-0.161 0.04,-0.205 0.04,-0.254C0.04,-0.305 0.051,-0.35 0.072,-0.39C0.094,-0.431 0.125,-0.463 0.165,-0.487C0.205,-0.51 0.254,-0.522 0.31,-0.522C0.366,-0.522 0.413,-0.51 0.452,-0.486C0.491,-0.463 0.521,-0.431 0.542,-0.39C0.562,-0.35 0.573,-0.305 0.573,-0.256L0.573,-0L0.458,-0L0.458,-0.095L0.456,-0.095C0.446,-0.076 0.433,-0.058 0.417,-0.042C0.401,-0.026 0.381,-0.013 0.358,-0.003C0.335,0.007 0.307,0.012 0.276,0.012ZM0.307,-0.086C0.337,-0.086 0.363,-0.093 0.386,-0.108C0.408,-0.123 0.426,-0.144 0.438,-0.17C0.45,-0.195 0.456,-0.224 0.456,-0.256C0.456,-0.288 0.45,-0.317 0.438,-0.342C0.426,-0.367 0.409,-0.387 0.387,-0.402C0.365,-0.417 0.338,-0.424 0.308,-0.424C0.276,-0.424 0.249,-0.417 0.226,-0.402C0.204,-0.387 0.186,-0.366 0.174,-0.341C0.162,-0.315 0.156,-0.287 0.156,-0.255C0.156,-0.224 0.162,-0.195 0.174,-0.169C0.186,-0.144 0.203,-0.123 0.226,-0.108C0.248,-0.093 0.275,-0.086 0.307,-0.086Z" style="fill:rgb(255,255,255);fill-rule:nonzero;"/>
                             </g>
                             <g transform="matrix(116.242,0,0,116.242,226.592,267.39)">
-                                <path d="M0.306,0.012C0.265,0.012 0.229,0.006 0.196,-0.008C0.163,-0.021 0.135,-0.039 0.112,-0.064C0.089,-0.088 0.071,-0.117 0.059,-0.151C0.046,-0.185 0.04,-0.222 0.04,-0.263C0.04,-0.315 0.051,-0.36 0.072,-0.399C0.093,-0.437 0.122,-0.468 0.159,-0.489C0.196,-0.511 0.239,-0.522 0.287,-0.522C0.311,-0.522 0.333,-0.518 0.355,-0.511C0.377,-0.504 0.396,-0.493 0.413,-0.48C0.431,-0.466 0.445,-0.451 0.455,-0.433L0.456,-0.433L0.456,-0.73L0.571,-0.73L0.571,-0.261C0.571,-0.205 0.56,-0.156 0.537,-0.115C0.515,-0.074 0.484,-0.043 0.444,-0.021C0.405,0.001 0.358,0.012 0.306,0.012ZM0.306,-0.086C0.335,-0.086 0.361,-0.093 0.384,-0.107C0.406,-0.122 0.423,-0.141 0.436,-0.167C0.448,-0.192 0.455,-0.221 0.455,-0.255C0.455,-0.288 0.448,-0.317 0.436,-0.343C0.423,-0.368 0.406,-0.388 0.383,-0.402C0.361,-0.417 0.335,-0.424 0.305,-0.424C0.276,-0.424 0.251,-0.417 0.228,-0.402C0.206,-0.387 0.188,-0.368 0.175,-0.342C0.163,-0.317 0.156,-0.288 0.156,-0.255C0.156,-0.222 0.163,-0.193 0.175,-0.167C0.188,-0.142 0.206,-0.122 0.229,-0.108C0.251,-0.093 0.277,-0.086 0.306,-0.086Z" style="fill:rgb(230,230,230);fill-rule:nonzero;"/>
+                                <path d="M0.306,0.012C0.265,0.012 0.229,0.006 0.196,-0.008C0.163,-0.021 0.135,-0.039 0.112,-0.064C0.089,-0.088 0.071,-0.117 0.059,-0.151C0.046,-0.185 0.04,-0.222 0.04,-0.263C0.04,-0.315 0.051,-0.36 0.072,-0.399C0.093,-0.437 0.122,-0.468 0.159,-0.489C0.196,-0.511 0.239,-0.522 0.287,-0.522C0.311,-0.522 0.333,-0.518 0.355,-0.511C0.377,-0.504 0.396,-0.493 0.413,-0.48C0.431,-0.466 0.445,-0.451 0.455,-0.433L0.456,-0.433L0.456,-0.73L0.571,-0.73L0.571,-0.261C0.571,-0.205 0.56,-0.156 0.537,-0.115C0.515,-0.074 0.484,-0.043 0.444,-0.021C0.405,0.001 0.358,0.012 0.306,0.012ZM0.306,-0.086C0.335,-0.086 0.361,-0.093 0.384,-0.107C0.406,-0.122 0.423,-0.141 0.436,-0.167C0.448,-0.192 0.455,-0.221 0.455,-0.255C0.455,-0.288 0.448,-0.317 0.436,-0.343C0.423,-0.368 0.406,-0.388 0.383,-0.402C0.361,-0.417 0.335,-0.424 0.305,-0.424C0.276,-0.424 0.251,-0.417 0.228,-0.402C0.206,-0.387 0.188,-0.368 0.175,-0.342C0.163,-0.317 0.156,-0.288 0.156,-0.255C0.156,-0.222 0.163,-0.193 0.175,-0.167C0.188,-0.142 0.206,-0.122 0.229,-0.108C0.251,-0.093 0.277,-0.086 0.306,-0.086Z" style="fill:rgb(255,255,255);fill-rule:nonzero;"/>
                             </g>
                             <g transform="matrix(116.242,0,0,116.242,290.293,267.39)">
-                                <path d="M0.306,0.012C0.265,0.012 0.229,0.006 0.196,-0.008C0.163,-0.021 0.135,-0.039 0.112,-0.064C0.089,-0.088 0.071,-0.117 0.059,-0.151C0.046,-0.185 0.04,-0.222 0.04,-0.263C0.04,-0.315 0.051,-0.36 0.072,-0.399C0.093,-0.437 0.122,-0.468 0.159,-0.489C0.196,-0.511 0.239,-0.522 0.287,-0.522C0.311,-0.522 0.333,-0.518 0.355,-0.511C0.377,-0.504 0.396,-0.493 0.413,-0.48C0.431,-0.466 0.445,-0.451 0.455,-0.433L0.456,-0.433L0.456,-0.73L0.571,-0.73L0.571,-0.261C0.571,-0.205 0.56,-0.156 0.537,-0.115C0.515,-0.074 0.484,-0.043 0.444,-0.021C0.405,0.001 0.358,0.012 0.306,0.012ZM0.306,-0.086C0.335,-0.086 0.361,-0.093 0.384,-0.107C0.406,-0.122 0.423,-0.141 0.436,-0.167C0.448,-0.192 0.455,-0.221 0.455,-0.255C0.455,-0.288 0.448,-0.317 0.436,-0.343C0.423,-0.368 0.406,-0.388 0.383,-0.402C0.361,-0.417 0.335,-0.424 0.305,-0.424C0.276,-0.424 0.251,-0.417 0.228,-0.402C0.206,-0.387 0.188,-0.368 0.175,-0.342C0.163,-0.317 0.156,-0.288 0.156,-0.255C0.156,-0.222 0.163,-0.193 0.175,-0.167C0.188,-0.142 0.206,-0.122 0.229,-0.108C0.251,-0.093 0.277,-0.086 0.306,-0.086Z" style="fill:rgb(230,230,230);fill-rule:nonzero;"/>
+                                <path d="M0.306,0.012C0.265,0.012 0.229,0.006 0.196,-0.008C0.163,-0.021 0.135,-0.039 0.112,-0.064C0.089,-0.088 0.071,-0.117 0.059,-0.151C0.046,-0.185 0.04,-0.222 0.04,-0.263C0.04,-0.315 0.051,-0.36 0.072,-0.399C0.093,-0.437 0.122,-0.468 0.159,-0.489C0.196,-0.511 0.239,-0.522 0.287,-0.522C0.311,-0.522 0.333,-0.518 0.355,-0.511C0.377,-0.504 0.396,-0.493 0.413,-0.48C0.431,-0.466 0.445,-0.451 0.455,-0.433L0.456,-0.433L0.456,-0.73L0.571,-0.73L0.571,-0.261C0.571,-0.205 0.56,-0.156 0.537,-0.115C0.515,-0.074 0.484,-0.043 0.444,-0.021C0.405,0.001 0.358,0.012 0.306,0.012ZM0.306,-0.086C0.335,-0.086 0.361,-0.093 0.384,-0.107C0.406,-0.122 0.423,-0.141 0.436,-0.167C0.448,-0.192 0.455,-0.221 0.455,-0.255C0.455,-0.288 0.448,-0.317 0.436,-0.343C0.423,-0.368 0.406,-0.388 0.383,-0.402C0.361,-0.417 0.335,-0.424 0.305,-0.424C0.276,-0.424 0.251,-0.417 0.228,-0.402C0.206,-0.387 0.188,-0.368 0.175,-0.342C0.163,-0.317 0.156,-0.288 0.156,-0.255C0.156,-0.222 0.163,-0.193 0.175,-0.167C0.188,-0.142 0.206,-0.122 0.229,-0.108C0.251,-0.093 0.277,-0.086 0.306,-0.086Z" style="fill:rgb(255,255,255);fill-rule:nonzero;"/>
                             </g>
                         </g>
                         <g id="c" transform="matrix(-0.0716462,0.31304,-0.583685,-0.0384251,1489.76,-444.051)">
-                            <path d="M2668.11,700.4C2666.79,703.699 2666.12,707.216 2666.12,710.766C2666.12,726.268 2678.71,738.854 2694.21,738.854C2709.71,738.854 2722.3,726.268 2722.3,710.766C2722.3,704.111 2719.93,697.672 2715.63,692.597L2707.63,699.378C2710.33,702.559 2711.57,706.602 2711.81,710.766C2712.2,717.38 2706.61,724.52 2697.27,726.637C2683.9,728.581 2676.61,720.482 2676.61,710.766C2676.61,708.541 2677.03,706.336 2677.85,704.269L2668.11,700.4Z" style="fill:rgb(230,230,230);"/>
+                            <path d="M2668.11,700.4C2666.79,703.699 2666.12,707.216 2666.12,710.766C2666.12,726.268 2678.71,738.854 2694.21,738.854C2709.71,738.854 2722.3,726.268 2722.3,710.766C2722.3,704.111 2719.93,697.672 2715.63,692.597L2707.63,699.378C2710.33,702.559 2711.57,706.602 2711.81,710.766C2712.2,717.38 2706.61,724.52 2697.27,726.637C2683.9,728.581 2676.61,720.482 2676.61,710.766C2676.61,708.541 2677.03,706.336 2677.85,704.269L2668.11,700.4Z" style="fill:rgb(255,255,255);"/>
                         </g>
                     </g>
                 </g>
                 <g id="R" transform="matrix(0.497016,0,0,0.497016,2390.38,823.152)">
                     <g transform="matrix(1,0,0,1,-0.10786,0.450801)">
                         <g transform="matrix(12.1247,0,0,12.1247,3862.61,1929.9)">
-                            <path d="M0.073,-0L0.073,-0.7L0.383,-0.7C0.428,-0.7 0.469,-0.69 0.506,-0.67C0.543,-0.651 0.572,-0.623 0.594,-0.588C0.616,-0.553 0.627,-0.512 0.627,-0.465C0.627,-0.418 0.615,-0.377 0.592,-0.342C0.569,-0.306 0.539,-0.279 0.501,-0.259L0.57,-0.128C0.574,-0.12 0.579,-0.115 0.584,-0.111C0.59,-0.107 0.596,-0.106 0.605,-0.106L0.664,-0.106L0.664,-0L0.587,-0C0.56,-0 0.535,-0.007 0.514,-0.02C0.493,-0.034 0.476,-0.052 0.463,-0.075L0.381,-0.232C0.375,-0.231 0.368,-0.231 0.361,-0.231C0.354,-0.231 0.347,-0.231 0.34,-0.231L0.192,-0.231L0.192,-0L0.073,-0ZM0.192,-0.336L0.368,-0.336C0.394,-0.336 0.417,-0.341 0.438,-0.351C0.459,-0.361 0.476,-0.376 0.489,-0.396C0.501,-0.415 0.507,-0.438 0.507,-0.465C0.507,-0.492 0.501,-0.516 0.488,-0.535C0.475,-0.554 0.459,-0.569 0.438,-0.579C0.417,-0.59 0.394,-0.595 0.369,-0.595L0.192,-0.595L0.192,-0.336Z" style="fill:rgb(230,230,230);fill-rule:nonzero;"/>
+                            <path d="M0.073,-0L0.073,-0.7L0.383,-0.7C0.428,-0.7 0.469,-0.69 0.506,-0.67C0.543,-0.651 0.572,-0.623 0.594,-0.588C0.616,-0.553 0.627,-0.512 0.627,-0.465C0.627,-0.418 0.615,-0.377 0.592,-0.342C0.569,-0.306 0.539,-0.279 0.501,-0.259L0.57,-0.128C0.574,-0.12 0.579,-0.115 0.584,-0.111C0.59,-0.107 0.596,-0.106 0.605,-0.106L0.664,-0.106L0.664,-0L0.587,-0C0.56,-0 0.535,-0.007 0.514,-0.02C0.493,-0.034 0.476,-0.052 0.463,-0.075L0.381,-0.232C0.375,-0.231 0.368,-0.231 0.361,-0.231C0.354,-0.231 0.347,-0.231 0.34,-0.231L0.192,-0.231L0.192,-0L0.073,-0ZM0.192,-0.336L0.368,-0.336C0.394,-0.336 0.417,-0.341 0.438,-0.351C0.459,-0.361 0.476,-0.376 0.489,-0.396C0.501,-0.415 0.507,-0.438 0.507,-0.465C0.507,-0.492 0.501,-0.516 0.488,-0.535C0.475,-0.554 0.459,-0.569 0.438,-0.579C0.417,-0.59 0.394,-0.595 0.369,-0.595L0.192,-0.595L0.192,-0.336Z" style="fill:rgb(255,255,255);fill-rule:nonzero;"/>
                         </g>
                     </g>
                     <g transform="matrix(1,0,0,1,0.278569,0.101881)">
-                        <circle cx="3866.43" cy="1926.14" r="8.923" style="fill:none;stroke:rgb(230,230,230);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;"/>
+                        <circle cx="3866.43" cy="1926.14" r="8.923" style="fill:none;stroke:rgb(255,255,255);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;"/>
                     </g>
                 </g>
             </g>