diff --git a/services/web/frontend/fonts/material-symbols.css b/services/web/frontend/fonts/material-symbols.css
index bdb20dbffd..f38a28e1cd 100644
--- a/services/web/frontend/fonts/material-symbols.css
+++ b/services/web/frontend/fonts/material-symbols.css
@@ -26,3 +26,7 @@
.material-symbols.material-symbols-rounded {
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
}
+
+.material-symbols-xl {
+ font-size: 56px;
+}
diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less
index 7b792b7fef..9b06d55cc4 100644
--- a/services/web/frontend/stylesheets/app/website-redesign.less
+++ b/services/web/frontend/stylesheets/app/website-redesign.less
@@ -385,6 +385,21 @@
}
}
+ .security-info {
+ .security-info-first-row {
+ margin-bottom: 32px;
+ @media (max-width: @screen-sm-max) {
+ margin-bottom: 0;
+ }
+ }
+
+ .security-info-item {
+ @media (max-width: @screen-sm-max) {
+ margin-bottom: 16px;
+ }
+ }
+ }
+
.mono-text {
font-family: 'DM Mono', monospace;
color: var(--green-60);
@@ -401,14 +416,17 @@
}
}
- .green-link {
- color: var(--green-60);
-
+ .link-with-arrow {
i.material-symbols-rounded {
vertical-align: middle;
padding-bottom: 3px;
font-size: 24px;
}
+ }
+
+ .green-link {
+ .link-with-arrow;
+ color: @green-60;
&:hover {
color: var(--green-70);
@@ -418,6 +436,11 @@
}
}
+ .white-link {
+ .link-with-arrow;
+ color: white;
+ }
+
.btn-blue-gradient {
background: var(--premium-gradient);
color: var(--white);
@@ -514,6 +537,10 @@
margin-top: 24px;
gap: 16px;
+ &.centered-buttons {
+ justify-content: center;
+ }
+
@media (max-width: @screen-sm-max) {
flex-direction: column;
width: 100%;
diff --git a/services/web/public/img/website-redesign/building-compliance-round.svg b/services/web/public/img/website-redesign/building-compliance-round.svg
new file mode 100644
index 0000000000..e63284e200
--- /dev/null
+++ b/services/web/public/img/website-redesign/building-compliance-round.svg
@@ -0,0 +1,10 @@
+
diff --git a/services/web/public/img/website-redesign/certified-round.svg b/services/web/public/img/website-redesign/certified-round.svg
new file mode 100644
index 0000000000..b2abbfb795
--- /dev/null
+++ b/services/web/public/img/website-redesign/certified-round.svg
@@ -0,0 +1,10 @@
+
diff --git a/services/web/public/img/website-redesign/compliance-round.svg b/services/web/public/img/website-redesign/compliance-round.svg
new file mode 100644
index 0000000000..41139459c0
--- /dev/null
+++ b/services/web/public/img/website-redesign/compliance-round.svg
@@ -0,0 +1,10 @@
+
diff --git a/services/web/public/img/website-redesign/group-round.svg b/services/web/public/img/website-redesign/group-round.svg
new file mode 100644
index 0000000000..45d0f5a991
--- /dev/null
+++ b/services/web/public/img/website-redesign/group-round.svg
@@ -0,0 +1,10 @@
+
diff --git a/services/web/public/img/website-redesign/lock-round.svg b/services/web/public/img/website-redesign/lock-round.svg
new file mode 100644
index 0000000000..4e80dce3b7
--- /dev/null
+++ b/services/web/public/img/website-redesign/lock-round.svg
@@ -0,0 +1,10 @@
+
diff --git a/services/web/public/img/website-redesign/shield-round.svg b/services/web/public/img/website-redesign/shield-round.svg
new file mode 100644
index 0000000000..e34a2deec8
--- /dev/null
+++ b/services/web/public/img/website-redesign/shield-round.svg
@@ -0,0 +1,10 @@
+
diff --git a/services/web/public/img/website-redesign/support-round.svg b/services/web/public/img/website-redesign/support-round.svg
new file mode 100644
index 0000000000..daaa291e33
--- /dev/null
+++ b/services/web/public/img/website-redesign/support-round.svg
@@ -0,0 +1,10 @@
+
diff --git a/services/web/public/img/website-redesign/writing-round.svg b/services/web/public/img/website-redesign/writing-round.svg
new file mode 100644
index 0000000000..dd16d31558
--- /dev/null
+++ b/services/web/public/img/website-redesign/writing-round.svg
@@ -0,0 +1,10 @@
+