diff --git a/src/components/home/icons/3d-transforms-icon.tsx b/src/components/home/icons/3d-transforms-icon.tsx
index 1f3b547c9..091c2dde2 100644
--- a/src/components/home/icons/3d-transforms-icon.tsx
+++ b/src/components/home/icons/3d-transforms-icon.tsx
@@ -1,76 +1,41 @@
 export function _3DTransformsIcon() {
   return (
-    <>
-      <svg
-        className="dark:hidden"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clipPath="url(#clip0_408_5745)">
-          <rect
-            width={63}
-            height={63}
-            rx={4}
-            transform="matrix(0.866025 -0.5 0.866025 0.5 1.92969 39.814)"
-            stroke="#030712"
-            strokeDasharray="3 3"
-          />
-          <path
-            d="M6.82052 32.0748C4.71896 30.8759 4.9198 28.8839 7.24809 27.8339L42.7856 11.8071C44.6906 10.948 47.3962 11.0195 49.1572 11.9756L100.957 40.0964C102.762 41.0766 103.015 42.6809 101.546 43.8334L73.7036 65.6789C71.933 67.0682 68.4396 67.2268 66.3145 66.0145L6.82052 32.0748Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M74.1457 62.6688L101.618 43.5542C102.344 43.0493 102.721 42.4339 102.745 41.8139V38.6818C102.722 38.0961 102.384 37.5131 101.729 37.0222L56.8938 3.4116C55.3193 2.23135 52.4292 1.95847 50.2856 2.78769L13.3287 17.0838C11.9732 17.6082 11.2255 18.4488 11.1608 19.3139V22.3139C11.1111 22.9798 11.4661 23.6601 12.2601 24.2219L66.5802 62.651C68.5301 64.0305 72.1763 64.0391 74.1457 62.6688Z"
-            fill="white"
-          />
-          <path
-            d="M102.745 38.6818C102.722 38.0961 102.384 37.5131 101.729 37.0222L56.8938 3.4116C55.3193 2.23135 52.4292 1.95847 50.2856 2.78769L13.3287 17.0838C11.9732 17.6082 11.2255 18.4488 11.1608 19.3139M102.745 38.6818C102.772 39.3459 102.395 40.0135 101.618 40.5542L74.1457 59.6688C72.1763 61.0391 68.5301 61.0305 66.5802 59.651L12.2601 21.2219C11.4661 20.6601 11.1111 19.9798 11.1608 19.3139M102.745 38.6818V41.8139C102.721 42.4339 102.344 43.0493 101.618 43.5542L74.1457 62.6688C72.1763 64.0391 68.5301 64.0305 66.5802 62.651L12.2601 24.2219C11.4661 23.6601 11.1111 22.9798 11.1608 22.3139V19.3139"
-            stroke="#030712"
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_408_5745">
-            <rect width={112} height={72} fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-
-      <svg
-        className="hidden dark:block"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clipPath="url(#clip0_408_6105)">
-          <rect
-            width={63}
-            height={63}
-            rx={4}
-            transform="matrix(0.866025 -0.5 0.866025 0.5 1.92969 39.814)"
-            stroke="white"
-            strokeDasharray="3 3"
-          />
-          <path
-            d="M74.1457 62.6688L101.618 43.5542C102.344 43.0493 102.721 42.4339 102.745 41.8139V38.6818C102.722 38.0961 102.384 37.5131 101.729 37.0222L56.8938 3.4116C55.3193 2.23135 52.4292 1.95847 50.2856 2.78769L13.3287 17.0838C11.9732 17.6082 11.2255 18.4488 11.1608 19.3139V22.3139C11.1111 22.9798 11.4661 23.6601 12.2601 24.2219L66.5802 62.651C68.5301 64.0305 72.1763 64.0391 74.1457 62.6688Z"
-            fill="#030712"
-          />
-          <path
-            d="M102.745 38.6818C102.722 38.0961 102.384 37.5131 101.729 37.0222L56.8938 3.4116C55.3193 2.23135 52.4292 1.95847 50.2856 2.78769L13.3287 17.0838C11.9732 17.6082 11.2255 18.4488 11.1608 19.3139M102.745 38.6818C102.772 39.3459 102.395 40.0135 101.618 40.5542L74.1457 59.6688C72.1763 61.0391 68.5301 61.0305 66.5802 59.651L12.2601 21.2219C11.4661 20.6601 11.1111 19.9798 11.1608 19.3139M102.745 38.6818V41.8139C102.721 42.4339 102.344 43.0493 101.618 43.5542L74.1457 62.6688C72.1763 64.0391 68.5301 64.0305 66.5802 62.651L12.2601 24.2219C11.4661 23.6601 11.1111 22.9798 11.1608 22.3139V19.3139"
-            stroke="white"
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_408_6105">
-            <rect width={112} height={72} fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-    </>
+    <svg
+      className="text-gray-950 [--site-background:var(--color-white)] dark:text-white dark:[--site-background:var(--color-gray-950)]"
+      width={112}
+      height={72}
+      viewBox="0 0 112 72"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clipPath="url(#clip0_408_5745)">
+        <rect
+          width={63}
+          height={63}
+          rx={4}
+          transform="matrix(0.866025 -0.5 0.866025 0.5 1.92969 39.814)"
+          stroke="currentColor"
+          strokeDasharray="3 3"
+        />
+        <path
+          d="M6.82052 32.0748C4.71896 30.8759 4.9198 28.8839 7.24809 27.8339L42.7856 11.8071C44.6906 10.948 47.3962 11.0195 49.1572 11.9756L100.957 40.0964C102.762 41.0766 103.015 42.6809 101.546 43.8334L73.7036 65.6789C71.933 67.0682 68.4396 67.2268 66.3145 66.0145L6.82052 32.0748Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M74.1457 62.6688L101.618 43.5542C102.344 43.0493 102.721 42.4339 102.745 41.8139V38.6818C102.722 38.0961 102.384 37.5131 101.729 37.0222L56.8938 3.4116C55.3193 2.23135 52.4292 1.95847 50.2856 2.78769L13.3287 17.0838C11.9732 17.6082 11.2255 18.4488 11.1608 19.3139V22.3139C11.1111 22.9798 11.4661 23.6601 12.2601 24.2219L66.5802 62.651C68.5301 64.0305 72.1763 64.0391 74.1457 62.6688Z"
+          fill="var(--site-background)"
+        />
+        <path
+          d="M102.745 38.6818C102.722 38.0961 102.384 37.5131 101.729 37.0222L56.8938 3.4116C55.3193 2.23135 52.4292 1.95847 50.2856 2.78769L13.3287 17.0838C11.9732 17.6082 11.2255 18.4488 11.1608 19.3139M102.745 38.6818C102.772 39.3459 102.395 40.0135 101.618 40.5542L74.1457 59.6688C72.1763 61.0391 68.5301 61.0305 66.5802 59.651L12.2601 21.2219C11.4661 20.6601 11.1111 19.9798 11.1608 19.3139M102.745 38.6818V41.8139C102.721 42.4339 102.344 43.0493 101.618 43.5542L74.1457 62.6688C72.1763 64.0391 68.5301 64.0305 66.5802 62.651L12.2601 24.2219C11.4661 23.6601 11.1111 22.9798 11.1608 22.3139V19.3139"
+          stroke="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_408_5745">
+          <rect width={112} height={72} fill="var(--site-background)" />
+        </clipPath>
+      </defs>
+    </svg>
   );
 }
diff --git a/src/components/home/icons/cascade-layers-icon.tsx b/src/components/home/icons/cascade-layers-icon.tsx
index d393b3980..c2b63d83b 100644
--- a/src/components/home/icons/cascade-layers-icon.tsx
+++ b/src/components/home/icons/cascade-layers-icon.tsx
@@ -2,7 +2,7 @@ export function CascadeLayersIcon() {
   return (
     <>
       <svg
-        className="dark:hidden"
+        className="text-gray-950 [--site-background:var(--color-white)] dark:text-white dark:[--site-background:var(--color-gray-950)]"
         width={112}
         height={72}
         viewBox="0 0 112 72"
@@ -12,56 +12,24 @@ export function CascadeLayersIcon() {
         <g clipPath="url(#clip0_408_5751)">
           <path
             d="M52.0956 7.50006L4.4642 35.0001C3.51163 35.55 3.03334 36.2701 3.02935 36.9909V40.0129C3.03497 40.7325 3.51324 41.451 4.46417 42.0001L52.0956 69.5001C54.0087 70.6046 57.1106 70.6046 59.0238 69.5001L106.655 42.0001C107.612 41.4478 108.09 40.7239 108.09 40.0001V36.9909C108.086 36.2701 107.608 35.55 106.655 35.0001L59.0238 7.50006C57.1106 6.39549 54.0088 6.39549 52.0956 7.50006Z"
-            fill="white"
+            fill="var(--site-background)"
           />
           <path
             d="M108.09 36.9909C108.086 36.2701 107.608 35.55 106.655 35.0001L59.0238 7.50006C57.1106 6.39549 54.0088 6.39549 52.0956 7.50006L4.4642 35.0001C3.51163 35.55 3.03334 36.2701 3.02935 36.9909M108.09 36.9909C108.094 37.7178 107.616 38.4455 106.655 39.0001L59.0238 66.5001C57.1106 67.6046 54.0088 67.6046 52.0956 66.5001L4.4642 39.0001C3.5036 38.4455 3.02532 37.7178 3.02935 36.9909M108.09 36.9909V40.0001C108.09 40.7239 107.612 41.4478 106.655 42.0001L59.0238 69.5001C57.1106 70.6046 54.0087 70.6046 52.0956 69.5001L4.46417 42.0001C3.51324 41.451 3.03497 40.7325 3.02935 40.0129V36.9909"
-            stroke="#030712"
+            stroke="currentColor"
           />
           <path
             d="M16.8848 33.9903C16.8891 33.2697 17.3674 32.5499 18.3196 32.0001L52.0946 12.5001C54.0078 11.3955 57.1097 11.3955 59.0228 12.5001L92.7978 32.0001C93.7501 32.5499 94.2284 33.2697 94.2327 33.9903M16.8848 33.9903C16.8805 34.7174 17.3588 35.4453 18.3196 36.0001L52.0946 55.5001C54.0078 56.6046 57.1097 56.6046 59.0228 55.5001L92.7978 36.0001C93.7587 35.4453 94.237 34.7174 94.2327 33.9903M16.8848 33.9903V37.0001C16.8848 37.7239 17.3631 38.4478 18.3197 39.0001L52.0947 58.5001C54.0078 59.6046 57.1097 59.6046 59.0229 58.5001L92.7979 39.0001C93.7544 38.4478 94.2327 37.7239 94.2327 37.0001L94.2327 33.9903"
-            stroke="#030712"
+            stroke="currentColor"
           />
           <path
             d="M30.7422 30.9998C30.7422 30.2759 31.2205 29.5521 32.1771 28.9998L52.0956 17.4998C54.0088 16.3952 57.1107 16.3952 59.0238 17.4998L78.9424 28.9998C79.899 29.5521 80.3773 30.2759 80.3773 30.9998M30.7422 30.9998C30.7422 31.7237 31.2205 32.4475 32.1771 32.9998L52.0956 44.4998C54.0088 45.6044 57.1107 45.6044 59.0238 44.4998L78.9424 32.9998C79.899 32.4475 80.3773 31.7237 80.3773 30.9998M30.7422 30.9998V33.9998C30.7422 34.7237 31.2205 35.4475 32.1771 35.9998L52.0956 47.4998C54.0088 48.6044 57.1107 48.6044 59.0238 47.4998L78.9424 35.9998C79.899 35.4475 80.3773 34.7237 80.3773 33.9998V30.9998"
-            stroke="#030712"
+            stroke="currentColor"
           />
         </g>
         <defs>
           <clipPath id="clip0_408_5751">
-            <rect width={112} height={72} fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-      <svg
-        className="hidden dark:block"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clipPath="url(#clip0_408_6099)">
-          <path
-            d="M52.0956 7.50006L4.4642 35.0001C3.51163 35.55 3.03334 36.2701 3.02935 36.9909V40.0129C3.03497 40.7325 3.51324 41.451 4.46417 42.0001L52.0956 69.5001C54.0087 70.6046 57.1106 70.6046 59.0238 69.5001L106.655 42.0001C107.612 41.4478 108.09 40.7239 108.09 40.0001V36.9909C108.086 36.2701 107.608 35.55 106.655 35.0001L59.0238 7.50006C57.1106 6.39549 54.0088 6.39549 52.0956 7.50006Z"
-            fill="#030712"
-          />
-          <path
-            d="M108.09 36.9909C108.086 36.2701 107.608 35.55 106.655 35.0001L59.0238 7.50006C57.1106 6.39549 54.0088 6.39549 52.0956 7.50006L4.4642 35.0001C3.51163 35.55 3.03334 36.2701 3.02935 36.9909M108.09 36.9909C108.094 37.7178 107.616 38.4455 106.655 39.0001L59.0238 66.5001C57.1106 67.6046 54.0088 67.6046 52.0956 66.5001L4.4642 39.0001C3.5036 38.4455 3.02532 37.7178 3.02935 36.9909M108.09 36.9909V40.0001C108.09 40.7239 107.612 41.4478 106.655 42.0001L59.0238 69.5001C57.1106 70.6046 54.0087 70.6046 52.0956 69.5001L4.46417 42.0001C3.51324 41.451 3.03497 40.7325 3.02935 40.0129V36.9909"
-            stroke="white"
-          />
-          <path
-            d="M16.8848 33.9903C16.8891 33.2697 17.3674 32.5499 18.3196 32.0001L52.0946 12.5001C54.0078 11.3955 57.1097 11.3955 59.0228 12.5001L92.7978 32.0001C93.7501 32.5499 94.2284 33.2697 94.2327 33.9903M16.8848 33.9903C16.8805 34.7174 17.3588 35.4453 18.3196 36.0001L52.0946 55.5001C54.0078 56.6046 57.1097 56.6046 59.0228 55.5001L92.7978 36.0001C93.7587 35.4453 94.237 34.7174 94.2327 33.9903M16.8848 33.9903V37.0001C16.8848 37.7239 17.3631 38.4478 18.3197 39.0001L52.0947 58.5001C54.0078 59.6046 57.1097 59.6046 59.0229 58.5001L92.7979 39.0001C93.7544 38.4478 94.2327 37.7239 94.2327 37.0001L94.2327 33.9903"
-            stroke="white"
-          />
-          <path
-            d="M30.7422 30.9998C30.7422 30.2759 31.2205 29.5521 32.1771 28.9998L52.0956 17.4998C54.0088 16.3952 57.1107 16.3952 59.0238 17.4998L78.9424 28.9998C79.899 29.5521 80.3773 30.2759 80.3773 30.9998M30.7422 30.9998C30.7422 31.7237 31.2205 32.4475 32.1771 32.9998L52.0956 44.4998C54.0088 45.6044 57.1107 45.6044 59.0238 44.4998L78.9424 32.9998C79.899 32.4475 80.3773 31.7237 80.3773 30.9998M30.7422 30.9998V33.9998C30.7422 34.7237 31.2205 35.4475 32.1771 35.9998L52.0956 47.4998C54.0088 48.6044 57.1107 48.6044 59.0238 47.4998L78.9424 35.9998C79.899 35.4475 80.3773 34.7237 80.3773 33.9998V30.9998"
-            stroke="white"
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_408_6099">
-            <rect width={112} height={72} fill="white" />
+            <rect width={112} height={72} fill="var(--site-background)" />
           </clipPath>
         </defs>
       </svg>
diff --git a/src/components/home/icons/container-queries-icon.tsx b/src/components/home/icons/container-queries-icon.tsx
index 7d9ccdead..2772da72f 100644
--- a/src/components/home/icons/container-queries-icon.tsx
+++ b/src/components/home/icons/container-queries-icon.tsx
@@ -1,109 +1,55 @@
 export function ContainerQueriesIcon() {
   return (
-    <>
-      <svg
-        className="dark:hidden"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clipPath="url(#clip0_408_5756)">
-          <path
-            d="M52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35L2.52344 38C2.52344 38.5429 2.88215 39.0858 3.59958 39.5L52.963 68C54.3979 68.8284 56.7243 68.8284 58.1592 68L107.523 39.5C108.24 39.0858 108.599 38.5429 108.599 38V34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998Z"
-            fill="white"
-          />
-          <path
-            d="M108.599 34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35M108.599 34.9952C108.601 35.5397 108.242 36.0845 107.523 36.5L58.1592 65C56.7243 65.8284 54.3979 65.8284 52.9631 65L3.59961 36.5C2.88218 36.0858 2.52346 35.5429 2.52345 35M108.599 34.9952V38C108.599 38.5429 108.24 39.0858 107.523 39.5L58.1592 68C56.7243 68.8284 54.3979 68.8284 52.963 68L3.59958 39.5C2.88215 39.0858 2.52344 38.5429 2.52344 38L2.52345 35"
-            stroke="#030712"
-          />
-          <rect
-            width={47}
-            height={47}
-            rx={3}
-            transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
-            stroke="#030712"
-            strokeOpacity="0.3"
-            strokeDasharray="3 3"
-          />
-          <rect
-            width={31}
-            height={31}
-            rx={3}
-            transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
-            stroke="#030712"
-            strokeOpacity="0.3"
-            strokeDasharray="3 3"
-          />
-          <rect
-            width={15}
-            height={15}
-            rx={3}
-            transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
-            stroke="#030712"
-            strokeOpacity="0.3"
-            strokeDasharray="3 3"
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_408_5756">
-            <rect width={112} height={72} fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-
-      <svg
-        className="hidden dark:block"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clipPath="url(#clip0_408_6092)">
-          <path
-            d="M52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35L2.52344 38C2.52344 38.5429 2.88215 39.0858 3.59958 39.5L52.963 68C54.3979 68.8284 56.7243 68.8284 58.1592 68L107.523 39.5C108.24 39.0858 108.599 38.5429 108.599 38V34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998Z"
-            fill="#030712"
-          />
-          <path
-            d="M108.599 34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35M108.599 34.9952C108.601 35.5397 108.242 36.0845 107.523 36.5L58.1592 65C56.7243 65.8284 54.3979 65.8284 52.9631 65L3.59961 36.5C2.88218 36.0858 2.52346 35.5429 2.52345 35M108.599 34.9952V38C108.599 38.5429 108.24 39.0858 107.523 39.5L58.1592 68C56.7243 68.8284 54.3979 68.8284 52.963 68L3.59958 39.5C2.88215 39.0858 2.52344 38.5429 2.52344 38L2.52345 35"
-            stroke="white"
-          />
-          <rect
-            width={47}
-            height={47}
-            rx={3}
-            transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
-            stroke="white"
-            strokeOpacity="0.5"
-            strokeDasharray="3 3"
-          />
-          <rect
-            width={31}
-            height={31}
-            rx={3}
-            transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
-            stroke="white"
-            strokeOpacity="0.5"
-            strokeDasharray="3 3"
-          />
-          <rect
-            width={15}
-            height={15}
-            rx={3}
-            transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
-            stroke="white"
-            strokeOpacity="0.5"
-            strokeDasharray="3 3"
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_408_6092">
-            <rect width={112} height={72} fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-    </>
+    <svg
+      className="text-gray-950 [--site-background:var(--color-white)] dark:text-white dark:[--site-background:var(--color-gray-950)]"
+      width={112}
+      height={72}
+      viewBox="0 0 112 72"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clipPath="url(#clip0_408_5756)">
+        <path
+          d="M52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35L2.52344 38C2.52344 38.5429 2.88215 39.0858 3.59958 39.5L52.963 68C54.3979 68.8284 56.7243 68.8284 58.1592 68L107.523 39.5C108.24 39.0858 108.599 38.5429 108.599 38V34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998Z"
+          fill="var(--site-background)"
+        />
+        <path
+          d="M108.599 34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35M108.599 34.9952C108.601 35.5397 108.242 36.0845 107.523 36.5L58.1592 65C56.7243 65.8284 54.3979 65.8284 52.9631 65L3.59961 36.5C2.88218 36.0858 2.52346 35.5429 2.52345 35M108.599 34.9952V38C108.599 38.5429 108.24 39.0858 107.523 39.5L58.1592 68C56.7243 68.8284 54.3979 68.8284 52.963 68L3.59958 39.5C2.88215 39.0858 2.52344 38.5429 2.52344 38L2.52345 35"
+          stroke="currentColor"
+        />
+        <rect
+          width={47}
+          height={47}
+          rx={3}
+          transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
+          stroke="currentColor"
+          strokeOpacity="0.3"
+          strokeDasharray="3 3"
+        />
+        <rect
+          width={31}
+          height={31}
+          rx={3}
+          transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
+          stroke="currentColor"
+          strokeOpacity="0.3"
+          strokeDasharray="3 3"
+        />
+        <rect
+          width={15}
+          height={15}
+          rx={3}
+          transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)"
+          stroke="currentColor"
+          strokeOpacity="0.3"
+          strokeDasharray="3 3"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_408_5756">
+          <rect width={112} height={72} fill="var(--site-background)" />
+        </clipPath>
+      </defs>
+    </svg>
   );
 }
diff --git a/src/components/home/icons/css-grid-icon.tsx b/src/components/home/icons/css-grid-icon.tsx
index cb9c65d0f..fe815da35 100644
--- a/src/components/home/icons/css-grid-icon.tsx
+++ b/src/components/home/icons/css-grid-icon.tsx
@@ -2,7 +2,7 @@ export function CssGridIcon() {
   return (
     <>
       <svg
-        className="dark:hidden"
+        className="text-gray-950 [--site-background:var(--color-white)] dark:text-white dark:[--site-background:var(--color-gray-950)]"
         width={112}
         height={72}
         viewBox="0 0 112 72"
@@ -11,29 +11,11 @@ export function CssGridIcon() {
       >
         <path
           d="M2.73306 34L53.8286 4.50003C54.7851 3.94774 56.3361 3.94774 57.2927 4.50003L70.283 12C70.7607 12.2758 70.9999 12.6372 71.0005 12.9986V15.9986C71.0011 16.361 70.7619 16.7235 70.283 17L72.8811 15.5C73.8377 14.9477 75.3886 14.9477 76.3452 15.5L89.3356 23C89.8145 23.2765 90.0536 23.639 90.053 24.0014V26.9986C90.0536 27.361 89.8145 27.7235 89.3356 28L91.9337 26.5C92.8903 25.9477 94.4412 25.9477 95.3978 26.5L108.388 34C108.866 34.2758 109.105 34.6372 109.106 34.9986V38C109.106 38.3619 108.866 38.7239 108.388 39L95.3978 46.5C94.4412 47.0523 92.8903 47.0523 91.9337 46.5L89.3356 45C89.8145 45.2765 90.0536 45.639 90.053 46.0014V49C90.053 49.3619 89.8139 49.7239 89.3356 50L76.3452 57.5C75.3886 58.0523 73.8377 58.0523 72.8811 57.5L70.283 56C70.7607 56.2758 70.9999 56.6372 71.0005 56.9986V60C71.0005 60.3619 70.7613 60.7239 70.283 61L57.2927 68.5C56.3361 69.0523 54.7851 69.0523 53.8286 68.5L21.7856 50C21.3073 49.7239 21.0682 49.3619 21.0682 49L21.0682 46.0014C21.0676 45.6391 21.3066 45.2767 21.7852 45.0003L19.1875 46.5C18.231 47.0523 16.68 47.0523 15.7234 46.5L2.73306 39C2.25476 38.7239 2.01561 38.3619 2.01562 38V34.9986C2.01624 34.6372 2.25538 34.2758 2.73306 34Z"
-          fill="white"
+          fill="var(--site-background)"
         />
         <path
           d="M109.106 34.9986C109.105 34.6372 108.866 34.2758 108.388 34L95.3978 26.5C94.4412 25.9477 92.8903 25.9477 91.9337 26.5L78.9433 34C78.4644 34.2765 78.2252 34.639 78.2259 35.0014M109.106 34.9986C109.106 35.361 108.867 35.7235 108.388 36L95.3978 43.5C94.4412 44.0523 92.8903 44.0523 91.9337 43.5L78.9433 36C78.4656 35.7242 78.2265 35.3629 78.2259 35.0014M109.106 34.9986V38C109.106 38.3619 108.866 38.7239 108.388 39L95.3978 46.5C94.4412 47.0523 92.8903 47.0523 91.9337 46.5L78.9433 39C78.465 38.7239 78.2258 38.3619 78.2259 38V35.0014M90.053 46.0014C90.0536 45.639 89.8145 45.2765 89.3356 45L76.3452 37.5C75.3886 36.9477 73.8377 36.9477 72.8811 37.5L59.8907 45C59.4118 45.2765 59.1727 45.639 59.1733 46.0014M90.053 46.0014C90.0524 46.3629 89.8133 46.7242 89.3356 47L76.3452 54.5C75.3886 55.0523 73.8377 55.0523 72.8811 54.5L59.8907 47C59.4131 46.7242 59.1739 46.3629 59.1733 46.0014M90.053 46.0014V49C90.053 49.3619 89.8139 49.7239 89.3356 50L76.3452 57.5C75.3886 58.0523 73.8377 58.0523 72.8811 57.5L59.8907 50C59.4124 49.7239 59.1733 49.3619 59.1733 49V46.0014M71.0005 56.9986C70.9999 56.6372 70.7607 56.2758 70.283 56L38.2401 37.5C37.2835 36.9477 35.7326 36.9477 34.776 37.5L21.7856 45C21.3067 45.2765 21.0676 45.639 21.0682 46.0014M71.0005 56.9986C71.0011 57.361 70.7619 57.7235 70.283 58L57.2927 65.5C56.3361 66.0523 54.7851 66.0523 53.8286 65.5L21.7856 47C21.3079 46.7242 21.0688 46.3629 21.0682 46.0014M71.0005 56.9986V60C71.0005 60.3619 70.7613 60.7239 70.283 61L57.2927 68.5C56.3361 69.0523 54.7851 69.0523 53.8286 68.5L21.7856 50C21.3073 49.7239 21.0682 49.3619 21.0682 49L21.0682 46.0014M40.1207 35.0014C40.1201 34.639 40.3593 34.2765 40.8382 34L72.8811 15.5C73.8377 14.9477 75.3886 14.9477 76.3452 15.5L89.3356 23C89.8145 23.2765 90.0536 23.639 90.053 24.0014M40.1207 35.0014C40.1214 35.3629 40.3605 35.7242 40.8382 36L53.8286 43.5C54.7851 44.0523 56.3361 44.0523 57.2927 43.5L89.3356 25C89.8133 24.7242 90.0524 24.3629 90.053 24.0014M40.1207 35.0014V38C40.1207 38.3619 40.3599 38.7239 40.8382 39L53.8286 46.5C54.7851 47.0523 56.3361 47.0523 57.2927 46.5L89.3356 28C89.8145 27.7235 90.0536 27.361 90.053 26.9986V24.0014M71.0005 12.9986C70.9999 12.6372 70.7607 12.2758 70.283 12L57.2927 4.50003C56.3361 3.94774 54.7851 3.94774 53.8286 4.50003L2.73306 34C2.25538 34.2758 2.01624 34.6372 2.01563 34.9986M71.0005 12.9986C71.0011 13.361 70.7619 13.7235 70.283 14L19.1875 43.5C18.231 44.0523 16.68 44.0523 15.7234 43.5L2.73306 36C2.25416 35.7235 2.01501 35.361 2.01563 34.9986M71.0005 12.9986V15.9986C71.0011 16.361 70.7619 16.7235 70.283 17L19.1875 46.5C18.231 47.0523 16.68 47.0523 15.7234 46.5L2.73306 39C2.25476 38.7239 2.01561 38.3619 2.01562 38L2.01563 34.9986"
-          stroke="#030712"
-        />
-      </svg>
-
-      <svg
-        className="hidden dark:block"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M2.73306 34L53.8286 4.50003C54.7851 3.94774 56.3361 3.94774 57.2927 4.50003L70.283 12C70.7607 12.2758 70.9999 12.6372 71.0005 12.9986V15.9986C71.0011 16.361 70.7619 16.7235 70.283 17L72.8811 15.5C73.8377 14.9477 75.3886 14.9477 76.3452 15.5L89.3356 23C89.8145 23.2765 90.0536 23.639 90.053 24.0014V26.9986C90.0536 27.361 89.8145 27.7235 89.3356 28L91.9337 26.5C92.8903 25.9477 94.4412 25.9477 95.3978 26.5L108.388 34C108.866 34.2758 109.105 34.6372 109.106 34.9986V38C109.106 38.3619 108.866 38.7239 108.388 39L95.3978 46.5C94.4412 47.0523 92.8903 47.0523 91.9337 46.5L89.3356 45C89.8145 45.2765 90.0536 45.639 90.053 46.0014V49C90.053 49.3619 89.8139 49.7239 89.3356 50L76.3452 57.5C75.3886 58.0523 73.8377 58.0523 72.8811 57.5L70.283 56C70.7607 56.2758 70.9999 56.6372 71.0005 56.9986V60C71.0005 60.3619 70.7613 60.7239 70.283 61L57.2927 68.5C56.3361 69.0523 54.7851 69.0523 53.8286 68.5L21.7856 50C21.3073 49.7239 21.0682 49.3619 21.0682 49L21.0682 46.0014C21.0676 45.6391 21.3066 45.2767 21.7852 45.0003L19.1875 46.5C18.231 47.0523 16.68 47.0523 15.7234 46.5L2.73306 39C2.25476 38.7239 2.01561 38.3619 2.01562 38V34.9986C2.01624 34.6372 2.25538 34.2758 2.73306 34Z"
-          fill="#030712"
-        />
-        <path
-          d="M109.106 34.9986C109.105 34.6372 108.866 34.2758 108.388 34L95.3978 26.5C94.4412 25.9477 92.8903 25.9477 91.9337 26.5L78.9433 34C78.4644 34.2765 78.2252 34.639 78.2259 35.0014M109.106 34.9986C109.106 35.361 108.867 35.7235 108.388 36L95.3978 43.5C94.4412 44.0523 92.8903 44.0523 91.9337 43.5L78.9433 36C78.4656 35.7242 78.2265 35.3629 78.2259 35.0014M109.106 34.9986V38C109.106 38.3619 108.866 38.7239 108.388 39L95.3978 46.5C94.4412 47.0523 92.8903 47.0523 91.9337 46.5L78.9433 39C78.465 38.7239 78.2258 38.3619 78.2259 38V35.0014M90.053 46.0014C90.0536 45.639 89.8145 45.2765 89.3356 45L76.3452 37.5C75.3886 36.9477 73.8377 36.9477 72.8811 37.5L59.8907 45C59.4118 45.2765 59.1727 45.639 59.1733 46.0014M90.053 46.0014C90.0524 46.3629 89.8133 46.7242 89.3356 47L76.3452 54.5C75.3886 55.0523 73.8377 55.0523 72.8811 54.5L59.8907 47C59.4131 46.7242 59.1739 46.3629 59.1733 46.0014M90.053 46.0014V49C90.053 49.3619 89.8139 49.7239 89.3356 50L76.3452 57.5C75.3886 58.0523 73.8377 58.0523 72.8811 57.5L59.8907 50C59.4124 49.7239 59.1733 49.3619 59.1733 49V46.0014M71.0005 56.9986C70.9999 56.6372 70.7607 56.2758 70.283 56L38.2401 37.5C37.2835 36.9477 35.7326 36.9477 34.776 37.5L21.7856 45C21.3067 45.2765 21.0676 45.639 21.0682 46.0014M71.0005 56.9986C71.0011 57.361 70.7619 57.7235 70.283 58L57.2927 65.5C56.3361 66.0523 54.7851 66.0523 53.8286 65.5L21.7856 47C21.3079 46.7242 21.0688 46.3629 21.0682 46.0014M71.0005 56.9986V60C71.0005 60.3619 70.7613 60.7239 70.283 61L57.2927 68.5C56.3361 69.0523 54.7851 69.0523 53.8286 68.5L21.7856 50C21.3073 49.7239 21.0682 49.3619 21.0682 49L21.0682 46.0014M40.1207 35.0014C40.1201 34.639 40.3593 34.2765 40.8382 34L72.8811 15.5C73.8377 14.9477 75.3886 14.9477 76.3452 15.5L89.3356 23C89.8145 23.2765 90.0536 23.639 90.053 24.0014M40.1207 35.0014C40.1214 35.3629 40.3605 35.7242 40.8382 36L53.8286 43.5C54.7851 44.0523 56.3361 44.0523 57.2927 43.5L89.3356 25C89.8133 24.7242 90.0524 24.3629 90.053 24.0014M40.1207 35.0014V38C40.1207 38.3619 40.3599 38.7239 40.8382 39L53.8286 46.5C54.7851 47.0523 56.3361 47.0523 57.2927 46.5L89.3356 28C89.8145 27.7235 90.0536 27.361 90.053 26.9986V24.0014M71.0005 12.9986C70.9999 12.6372 70.7607 12.2758 70.283 12L57.2927 4.50003C56.3361 3.94774 54.7851 3.94774 53.8286 4.50003L2.73306 34C2.25538 34.2758 2.01624 34.6372 2.01563 34.9986M71.0005 12.9986C71.0011 13.361 70.7619 13.7235 70.283 14L19.1875 43.5C18.231 44.0523 16.68 44.0523 15.7234 43.5L2.73306 36C2.25416 35.7235 2.01501 35.361 2.01563 34.9986M71.0005 12.9986V15.9986C71.0011 16.361 70.7619 16.7235 70.283 17L19.1875 46.5C18.231 47.0523 16.68 47.0523 15.7234 46.5L2.73306 39C2.25476 38.7239 2.01561 38.3619 2.01562 38L2.01563 34.9986"
-          stroke="white"
+          stroke="currentColor"
         />
       </svg>
     </>
diff --git a/src/components/home/icons/css-variables-icon.tsx b/src/components/home/icons/css-variables-icon.tsx
index dd20a561e..db08cf4dc 100644
--- a/src/components/home/icons/css-variables-icon.tsx
+++ b/src/components/home/icons/css-variables-icon.tsx
@@ -2,7 +2,7 @@ export function CssVariablesIcon() {
   return (
     <>
       <svg
-        className="dark:hidden"
+        className="text-gray-950 [--site-background:var(--color-white)] dark:text-white dark:[--site-background:var(--color-gray-950)]"
         width={112}
         height={72}
         viewBox="0 0 112 72"
@@ -12,29 +12,29 @@ export function CssVariablesIcon() {
         <g clipPath="url(#clip0_408_5776)">
           <path
             d="M52.1952 5.0003L4.56383 32.5003C3.60721 33.0526 3.12888 33.7765 3.12891 34.5004V37.5004C3.12892 38.2242 3.60721 38.9481 4.56378 39.5003L52.1952 67.0003C54.1083 68.1049 57.2102 68.1049 59.1234 67.0003L106.755 39.5003C107.711 38.9481 108.19 38.2242 108.19 37.5004V34.5004C108.19 33.7765 107.711 33.0526 106.755 32.5003L59.1234 5.0003C57.2103 3.89573 54.1084 3.89573 52.1952 5.0003Z"
-            fill="white"
+            fill="var(--site-background)"
           />
           <path
             d="M3.12891 34.5004C3.12888 33.7765 3.60721 33.0526 4.56383 32.5003L52.1952 5.0003C54.1084 3.89573 57.2103 3.89573 59.1234 5.0003L106.755 32.5003C107.711 33.0526 108.19 33.7765 108.19 34.5004M3.12891 34.5004C3.12893 35.2242 3.60727 35.948 4.56383 36.5003L52.1952 64.0003C54.1084 65.1049 57.2103 65.1049 59.1234 64.0003L106.755 36.5003C107.711 35.948 108.19 35.2242 108.19 34.5004M3.12891 34.5004V37.5004C3.12892 38.2242 3.60721 38.9481 4.56378 39.5003L52.1952 67.0003C54.1083 68.1049 57.2102 68.1049 59.1234 67.0003L106.755 39.5003C107.711 38.9481 108.19 38.2242 108.19 37.5004V34.5004"
-            stroke="#030712"
+            stroke="currentColor"
           />
           <path
             d="M13.2223 38.5L59.9877 11.5C60.4659 11.2239 61.2414 11.2239 61.7197 11.5L103.289 35.5M13.2223 38.5L54.7915 62.5C55.2698 62.7761 56.0453 62.7761 56.5236 62.5L103.289 35.5M13.2223 38.5L12.3563 38C11.878 37.7239 11.878 37.2761 12.3563 37L59.9877 9.5C60.4659 9.22386 61.2414 9.22386 61.7197 9.5L104.155 34C104.633 34.2761 104.633 34.7239 104.155 35L103.289 35.5"
-            stroke="#030712"
+            stroke="currentColor"
           />
           <path
             d="M10.7309 33.4928C10.7277 33.2238 10.5484 32.9554 10.1928 32.7501C9.4754 32.3359 8.3122 32.3359 7.59476 32.7501C7.23924 32.9554 7.0599 33.2238 7.05673 33.4928M10.7309 33.4928C10.7341 33.7667 10.5548 34.0412 10.1928 34.2501C9.4754 34.6643 8.3122 34.6643 7.59476 34.2501C7.23284 34.0412 7.0535 33.7667 7.05673 33.4928M10.7309 33.4928V34.5001C10.7308 34.7715 10.5515 35.043 10.1928 35.2501C9.47536 35.6643 8.31216 35.6643 7.59472 35.2501C7.24053 35.0456 7.0612 34.7783 7.05673 34.5103V33.4928"
-            stroke="#030712"
+            stroke="currentColor"
             strokeOpacity="0.3"
           />
           <path
             d="M15.061 31.0001C15.061 30.7287 14.8816 30.4572 14.5229 30.2501C13.8054 29.8359 12.6422 29.8359 11.9248 30.2501C11.5681 30.4561 11.3887 30.7257 11.3867 30.9956M15.061 31.0001C15.0609 31.2716 14.8816 31.543 14.5229 31.7501C13.8054 32.1643 12.6422 32.1643 11.9248 31.7501C11.5641 31.5419 11.3847 31.2685 11.3867 30.9956M15.061 31.0001V32.0033C15.0596 32.2736 14.8802 32.5438 14.5229 32.7501C13.8054 33.1643 12.6422 33.1643 11.9248 32.7501C11.5675 32.5438 11.3881 32.2736 11.3867 32.0033V30.9956"
-            stroke="#030712"
+            stroke="currentColor"
             strokeOpacity="0.3"
           />
           <path
             d="M15.7168 28.5001C15.7168 28.7716 15.8962 29.043 16.2549 29.2501C16.9723 29.6643 18.1355 29.6643 18.853 29.2501C19.2117 29.043 19.391 28.7716 19.391 28.5001M15.7168 28.5001C15.7168 28.2287 15.8962 27.9572 16.2549 27.7501C16.9723 27.3359 18.1355 27.3359 18.853 27.7501C19.2117 27.9572 19.391 28.2287 19.391 28.5001M15.7168 28.5001L15.7169 29.5001C15.7169 29.7715 15.8962 30.043 16.2549 30.2501C16.9724 30.6643 18.1356 30.6643 18.853 30.2501C19.2117 30.043 19.3911 29.7715 19.3911 29.5001L19.391 28.5001"
-            stroke="#030712"
+            stroke="currentColor"
             strokeOpacity="0.3"
           />
           <rect
@@ -42,7 +42,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 24.4805 39.5)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -50,7 +50,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 41.8027 49.5)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -58,7 +58,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 19.2852 38.5)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -66,7 +66,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 33.1406 34.5)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -74,7 +74,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 50.4629 44.5)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -82,7 +82,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 29.6777 40.5)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -90,7 +90,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 46.998 50.5)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -98,7 +98,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 34.873 41.5)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -106,7 +106,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 53.9258 54.5)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -114,7 +114,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 52.1934 51.5)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -122,7 +122,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 36.6055 44.5)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -130,7 +130,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 55.6582 57.5)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -138,7 +138,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 38.3379 47.5)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -146,7 +146,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 39.2031 31)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -154,7 +154,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 56.5234 41)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -162,7 +162,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 37.4727 36)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -170,7 +170,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 54.793 46)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -178,7 +178,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 40.0703 38.5)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -186,7 +186,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 57.3906 48.5)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -194,7 +194,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 44.3984 32)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -202,7 +202,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 61.7207 42)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -210,7 +210,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 49.5957 33)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -218,7 +218,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 66.918 43)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -226,7 +226,7 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 57.3906 28.5)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
           <rect
@@ -234,256 +234,13 @@ export function CssVariablesIcon() {
             height={2}
             rx="0.5"
             transform="matrix(0.866025 -0.5 0.866025 0.5 74.7109 38.5)"
-            fill="#030712"
+            fill="currentColor"
             fillOpacity="0.3"
           />
         </g>
         <defs>
           <clipPath id="clip0_408_5776">
-            <rect width={112} height={72} fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-      <svg
-        className="hidden dark:block"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clipPath="url(#clip0_408_6044)">
-          <path
-            d="M52.1952 5.0003L4.56383 32.5003C3.60721 33.0526 3.12888 33.7765 3.12891 34.5004V37.5004C3.12892 38.2242 3.60721 38.9481 4.56378 39.5003L52.1952 67.0003C54.1083 68.1049 57.2102 68.1049 59.1234 67.0003L106.755 39.5003C107.711 38.9481 108.19 38.2242 108.19 37.5004V34.5004C108.19 33.7765 107.711 33.0526 106.755 32.5003L59.1234 5.0003C57.2103 3.89573 54.1084 3.89573 52.1952 5.0003Z"
-            fill="#030712"
-          />
-          <path
-            d="M3.12891 34.5004C3.12888 33.7765 3.60721 33.0526 4.56383 32.5003L52.1952 5.0003C54.1084 3.89573 57.2103 3.89573 59.1234 5.0003L106.755 32.5003C107.711 33.0526 108.19 33.7765 108.19 34.5004M3.12891 34.5004C3.12893 35.2242 3.60727 35.948 4.56383 36.5003L52.1952 64.0003C54.1084 65.1049 57.2103 65.1049 59.1234 64.0003L106.755 36.5003C107.711 35.948 108.19 35.2242 108.19 34.5004M3.12891 34.5004V37.5004C3.12892 38.2242 3.60721 38.9481 4.56378 39.5003L52.1952 67.0003C54.1083 68.1049 57.2102 68.1049 59.1234 67.0003L106.755 39.5003C107.711 38.9481 108.19 38.2242 108.19 37.5004V34.5004"
-            stroke="white"
-          />
-          <path
-            d="M13.2223 38.5L59.9877 11.5C60.4659 11.2239 61.2414 11.2239 61.7197 11.5L103.289 35.5M13.2223 38.5L54.7915 62.5C55.2698 62.7761 56.0453 62.7761 56.5236 62.5L103.289 35.5M13.2223 38.5L12.3563 38C11.878 37.7239 11.878 37.2761 12.3563 37L59.9877 9.5C60.4659 9.22386 61.2414 9.22386 61.7197 9.5L104.155 34C104.633 34.2761 104.633 34.7239 104.155 35L103.289 35.5"
-            stroke="white"
-          />
-          <path
-            d="M10.7309 33.4928C10.7277 33.2238 10.5484 32.9554 10.1928 32.7501C9.4754 32.3359 8.3122 32.3359 7.59476 32.7501C7.23924 32.9554 7.0599 33.2238 7.05673 33.4928M10.7309 33.4928C10.7341 33.7667 10.5548 34.0412 10.1928 34.2501C9.4754 34.6643 8.3122 34.6643 7.59476 34.2501C7.23284 34.0412 7.0535 33.7667 7.05673 33.4928M10.7309 33.4928V34.5001C10.7308 34.7715 10.5515 35.043 10.1928 35.2501C9.47536 35.6643 8.31216 35.6643 7.59472 35.2501C7.24053 35.0456 7.0612 34.7783 7.05673 34.5103V33.4928"
-            stroke="white"
-            strokeOpacity="0.3"
-          />
-          <path
-            d="M15.061 31.0001C15.061 30.7287 14.8816 30.4572 14.5229 30.2501C13.8054 29.8359 12.6422 29.8359 11.9248 30.2501C11.5681 30.4561 11.3887 30.7257 11.3867 30.9956M15.061 31.0001C15.0609 31.2716 14.8816 31.543 14.5229 31.7501C13.8054 32.1643 12.6422 32.1643 11.9248 31.7501C11.5641 31.5419 11.3847 31.2685 11.3867 30.9956M15.061 31.0001V32.0033C15.0596 32.2736 14.8802 32.5438 14.5229 32.7501C13.8054 33.1643 12.6422 33.1643 11.9248 32.7501C11.5675 32.5438 11.3881 32.2736 11.3867 32.0033V30.9956"
-            stroke="white"
-            strokeOpacity="0.3"
-          />
-          <path
-            d="M15.7168 28.5001C15.7168 28.7716 15.8962 29.043 16.2549 29.2501C16.9723 29.6643 18.1355 29.6643 18.853 29.2501C19.2117 29.043 19.391 28.7716 19.391 28.5001M15.7168 28.5001C15.7168 28.2287 15.8962 27.9572 16.2549 27.7501C16.9723 27.3359 18.1355 27.3359 18.853 27.7501C19.2117 27.9572 19.391 28.2287 19.391 28.5001M15.7168 28.5001L15.7169 29.5001C15.7169 29.7715 15.8962 30.043 16.2549 30.2501C16.9724 30.6643 18.1356 30.6643 18.853 30.2501C19.2117 30.043 19.3911 29.7715 19.3911 29.5001L19.391 28.5001"
-            stroke="white"
-            strokeOpacity="0.3"
-          />
-          <rect
-            width={8}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 24.4805 39.5)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={8}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 41.8027 49.5)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={8}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 19.2852 38.5)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={5}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 33.1406 34.5)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={5}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 50.4629 44.5)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={7}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 29.6777 40.5)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={7}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 46.998 50.5)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={4}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 34.873 41.5)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={4}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 53.9258 54.5)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={4}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 52.1934 51.5)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={4}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 36.6055 44.5)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={4}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 55.6582 57.5)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={4}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 38.3379 47.5)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={7}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 39.2031 31)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={5}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 56.5234 41)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={6}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 37.4727 36)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={6}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 54.793 46)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={9}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 40.0703 38.5)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={9}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 57.3906 48.5)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={4}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 44.3984 32)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={12}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 61.7207 42)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={7}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 49.5957 33)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={7}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 66.918 43)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={10}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 57.3906 28.5)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <rect
-            width={10}
-            height={2}
-            rx="0.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 74.7109 38.5)"
-            fill="white"
-            fillOpacity="0.3"
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_408_6044">
-            <rect width={112} height={72} fill="white" />
+            <rect width={112} height={72} fill="var(--site-background)" />
           </clipPath>
         </defs>
       </svg>
diff --git a/src/components/home/icons/dark-mode-icon.tsx b/src/components/home/icons/dark-mode-icon.tsx
index f2fbb827a..58f1c74cd 100644
--- a/src/components/home/icons/dark-mode-icon.tsx
+++ b/src/components/home/icons/dark-mode-icon.tsx
@@ -1,123 +1,62 @@
 export function DarkModeIcon() {
   return (
-    <>
-      <svg
-        className="dark:hidden"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M71.7615 59.503L94.2781 46.503C97.7457 44.501 99.4795 41.8771 99.4796 39.2531L99.4796 36.2531C99.4796 33.6291 97.7458 31.0051 94.2782 29.003C87.3429 24.999 76.0987 24.999 69.1634 29.003L46.6468 42.003C43.1791 44.0051 41.4453 46.6291 41.4453 49.2531V52.2531C41.4453 54.8771 43.1791 57.501 46.6467 59.503C53.582 63.5071 64.8262 63.5071 71.7615 59.503Z"
-          fill="white"
-        />
-        <path
-          d="M99.4796 36.2531C99.4796 33.6291 97.7458 31.0051 94.2782 29.003C87.3429 24.999 76.0987 24.999 69.1634 29.003L46.6468 42.003C43.1791 44.0051 41.4453 46.6291 41.4453 49.2531M99.4796 36.2531C99.4796 38.8771 97.7458 41.501 94.2782 43.503L71.7615 56.503C64.8263 60.5071 53.582 60.5071 46.6468 56.503C43.1792 54.501 41.4453 51.8771 41.4453 49.2531M99.4796 36.2531L99.4796 39.2531C99.4795 41.8771 97.7457 44.501 94.2781 46.503L71.7615 59.503C64.8262 63.5071 53.582 63.5071 46.6467 59.503C43.1791 57.501 41.4453 54.8771 41.4453 52.2531V49.2531"
-          stroke="#030712"
-        />
-        <path
-          d="M71.7601 41.0028C77.2604 44.1784 86.1783 44.1784 91.6786 41.0028C94.4288 39.415 95.8039 37.3339 95.8039 35.2528V32.2528C95.8039 30.1717 94.4288 28.0906 91.6786 26.5028C86.1783 23.3272 77.2604 23.3272 71.76 26.5028C69.0165 28.0868 67.6415 30.1616 67.6348 32.2377V35.2528C67.6348 37.3339 69.0099 39.415 71.7601 41.0028Z"
-          fill="white"
-        />
-        <path
-          d="M67.6348 32.2377C67.6281 34.3238 69.0032 36.4111 71.76 38.0028C77.2604 41.1785 86.1783 41.1785 91.6786 38.0028C94.4288 36.415 95.8039 34.3339 95.8039 32.2528M67.6348 32.2377C67.6415 30.1616 69.0165 28.0868 71.76 26.5028C77.2604 23.3272 86.1783 23.3272 91.6786 26.5028C94.4288 28.0906 95.8039 30.1717 95.8039 32.2528M67.6348 32.2377V35.2528C67.6348 37.3339 69.0099 39.415 71.7601 41.0028C77.2604 44.1784 86.1783 44.1784 91.6786 41.0028C94.4288 39.415 95.8039 37.3339 95.8039 35.2528V32.2528"
-          stroke="#030712"
-        />
-        <path
-          d="M75.2239 28.5L76.956 29.5M81.719 26.9492V28.3634M88.2141 28.5L86.4821 29.5M90.9046 32.25H88.4551M86.4827 35L88.2147 36M81.719 36.1406V37.5548M76.9553 35L75.2233 36M74.9827 32.25H72.5332M83.8841 31C85.0799 31.6904 85.0799 32.8096 83.8841 33.5C82.6884 34.1904 80.7497 34.1904 79.554 33.5C78.3583 32.8096 78.3583 31.6904 79.554 31C80.7497 30.3096 82.6884 30.3096 83.8841 31Z"
-          stroke="#030712"
-          strokeLinecap="round"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M64.8328 29.503L42.3161 42.503C35.3809 46.5071 24.1367 46.5071 17.2014 42.503C13.7413 40.5053 12.0075 37.8883 12 35.27V32.2531C12 29.7918 13.5255 27.3305 16.5765 25.3824C17.9961 23.2104 20.98 21.4814 24.735 20.6535L39.7181 12.003C46.6533 7.99898 57.8976 7.99898 64.8328 12.003C68.3005 14.0051 70.0343 16.6291 70.0343 19.2531V22.2531C70.0342 24.8771 68.3004 27.501 64.8328 29.503Z"
-          fill="white"
-        />
-        <path
-          d="M12 32.2531C12 29.6291 13.7338 27.0051 17.2015 25.003L39.7181 12.003C46.6534 7.99898 57.8976 7.99898 64.8328 12.003C68.3005 14.0051 70.0343 16.6291 70.0343 19.2531M12 32.2531C12 34.8771 13.7339 37.501 17.2015 39.503C24.1367 43.5071 35.3809 43.5071 42.3162 39.503L64.8329 26.503C68.3005 24.501 70.0343 21.8771 70.0343 19.2531M12 32.2531V35.27C12.0075 37.8883 13.7413 40.5053 17.2014 42.503C24.1367 46.5071 35.3809 46.5071 42.3162 42.503L64.8328 29.503C68.3004 27.501 70.0343 24.8771 70.0343 22.2531V19.2531"
-          stroke="#030712"
-        />
-        <path
-          d="M15.6738 31.2531C15.6738 35.7441 21.9797 39.3848 29.7584 39.3848C37.5371 39.3848 43.843 35.7441 43.843 31.2531L43.843 28.2531C43.843 23.762 37.5371 20.1213 29.7585 20.1213C21.9798 20.1213 15.6739 23.762 15.6739 28.2531L15.6738 31.2531Z"
-          fill="white"
-        />
-        <path
-          d="M30.1939 23.6619L30.3702 22.9495L30.5465 23.6619C30.6235 23.973 31.0469 24.2175 31.5857 24.2619L32.8197 24.3637L31.5857 24.4655C31.0469 24.5099 30.6235 24.7543 30.5465 25.0655L30.3702 25.7779L30.1939 25.0655C30.117 24.7543 29.6936 24.5099 29.1547 24.4655L27.9207 24.3637L29.1547 24.2619C29.6936 24.2175 30.117 23.973 30.1939 23.6619Z"
-          fill="#030712"
-        />
-        <path
-          d="M35.0507 26.4584L35.2692 25.0708L35.4877 26.4584C35.5391 26.7848 35.9722 27.0481 36.5342 27.0944L37.7187 27.1921L36.5342 27.2898C35.9722 27.3361 35.5391 27.5994 35.4877 27.9258L35.2692 29.3134L35.0507 27.9258C34.9993 27.5994 34.5662 27.3361 34.0042 27.2898L32.8197 27.1921L34.0042 27.0944C34.5662 27.0481 34.9993 26.7848 35.0507 26.4584Z"
-          fill="#030712"
-        />
-        <path
-          d="M43.843 28.2531C43.843 28.2531 43.843 28.253 43.843 28.2531ZM43.843 28.2531C43.8428 32.744 37.537 36.3848 29.7585 36.3848C21.9798 36.3848 15.6739 32.7441 15.6739 28.2531M43.843 28.2531C43.843 23.762 37.5371 20.1213 29.7585 20.1213C21.9798 20.1213 15.6739 23.762 15.6739 28.2531M43.843 28.2531L43.843 31.2531C43.843 35.7441 37.5371 39.3848 29.7584 39.3848C21.9797 39.3848 15.6738 35.7441 15.6738 31.2531L15.6739 28.2531M29.7579 33.5561C24.6848 33.5561 20.5723 31.1817 20.5723 28.2528C20.5723 26.2428 22.509 24.494 25.3637 23.5945C24.6514 24.3481 24.2465 25.2125 24.2465 26.1314C24.2465 29.0604 28.359 31.4347 33.4321 31.4347C35.0238 31.4347 36.521 31.201 37.8262 30.7897C36.2682 32.4379 33.2392 33.5561 29.7579 33.5561ZM30.3702 22.9495L30.1939 23.6619C30.117 23.973 29.6936 24.2175 29.1547 24.2619L27.9207 24.3637L29.1547 24.4655C29.6936 24.5099 30.117 24.7543 30.1939 25.0655L30.3702 25.7779L30.5465 25.0655C30.6235 24.7543 31.0469 24.5099 31.5857 24.4655L32.8197 24.3637L31.5857 24.2619C31.0469 24.2175 30.6235 23.973 30.5465 23.6619L30.3702 22.9495ZM35.2692 25.0708L35.0507 26.4584C34.9993 26.7848 34.5662 27.0481 34.0042 27.0944L32.8197 27.1921L34.0042 27.2898C34.5662 27.3361 34.9993 27.5994 35.0507 27.9258L35.2692 29.3134L35.4877 27.9258C35.5391 27.5994 35.9722 27.3361 36.5342 27.2898L37.7187 27.1921L36.5342 27.0944C35.9722 27.0481 35.5391 26.7848 35.4877 26.4584L35.2692 25.0708Z"
-          stroke="#030712"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </svg>
-
-      <svg
-        className="hidden dark:block"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M71.7615 59.503L94.2781 46.503C97.7457 44.501 99.4795 41.8771 99.4796 39.2531L99.4796 36.2531C99.4796 33.6291 97.7458 31.0051 94.2782 29.003C87.3429 24.999 76.0987 24.999 69.1634 29.003L46.6468 42.003C43.1791 44.0051 41.4453 46.6291 41.4453 49.2531V52.2531C41.4453 54.8771 43.1791 57.501 46.6467 59.503C53.582 63.5071 64.8262 63.5071 71.7615 59.503Z"
-          fill="#030712"
-        />
-        <path
-          d="M99.4796 36.2531C99.4796 33.6291 97.7458 31.0051 94.2782 29.003C87.3429 24.999 76.0987 24.999 69.1634 29.003L46.6468 42.003C43.1791 44.0051 41.4453 46.6291 41.4453 49.2531M99.4796 36.2531C99.4796 38.8771 97.7458 41.501 94.2782 43.503L71.7615 56.503C64.8263 60.5071 53.582 60.5071 46.6468 56.503C43.1792 54.501 41.4453 51.8771 41.4453 49.2531M99.4796 36.2531L99.4796 39.2531C99.4795 41.8771 97.7457 44.501 94.2781 46.503L71.7615 59.503C64.8262 63.5071 53.582 63.5071 46.6467 59.503C43.1791 57.501 41.4453 54.8771 41.4453 52.2531V49.2531"
-          stroke="white"
-        />
-        <path
-          d="M71.7601 41.0028C77.2604 44.1784 86.1783 44.1784 91.6786 41.0028C94.4288 39.415 95.8039 37.3339 95.8039 35.2528V32.2528C95.8039 30.1717 94.4288 28.0906 91.6786 26.5028C86.1783 23.3272 77.2604 23.3272 71.76 26.5028C69.0165 28.0868 67.6415 30.1616 67.6348 32.2377V35.2528C67.6348 37.3339 69.0099 39.415 71.7601 41.0028Z"
-          fill="#030712"
-        />
-        <path
-          d="M67.6348 32.2377C67.6281 34.3238 69.0032 36.4111 71.76 38.0028C77.2604 41.1785 86.1783 41.1785 91.6786 38.0028C94.4288 36.415 95.8039 34.3339 95.8039 32.2528M67.6348 32.2377C67.6415 30.1616 69.0165 28.0868 71.76 26.5028C77.2604 23.3272 86.1783 23.3272 91.6786 26.5028C94.4288 28.0906 95.8039 30.1717 95.8039 32.2528M67.6348 32.2377V35.2528C67.6348 37.3339 69.0099 39.415 71.7601 41.0028C77.2604 44.1784 86.1783 44.1784 91.6786 41.0028C94.4288 39.415 95.8039 37.3339 95.8039 35.2528V32.2528"
-          stroke="white"
-        />
-        <path
-          d="M75.2239 28.5L76.956 29.5M81.719 26.9492V28.3634M88.2141 28.5L86.4821 29.5M90.9046 32.25H88.4551M86.4827 35L88.2147 36M81.719 36.1406V37.5548M76.9553 35L75.2233 36M74.9827 32.25H72.5332M83.8841 31C85.0799 31.6904 85.0799 32.8096 83.8841 33.5C82.6884 34.1904 80.7497 34.1904 79.554 33.5C78.3583 32.8096 78.3583 31.6904 79.554 31C80.7497 30.3096 82.6884 30.3096 83.8841 31Z"
-          stroke="white"
-          strokeLinecap="round"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M64.8328 29.503L42.3161 42.503C35.3809 46.5071 24.1367 46.5071 17.2014 42.503C13.7413 40.5053 12.0075 37.8883 12 35.27V32.2531C12 29.7918 13.5255 27.3305 16.5765 25.3824C17.9961 23.2104 20.98 21.4814 24.735 20.6535L39.7181 12.003C46.6533 7.99898 57.8976 7.99898 64.8328 12.003C68.3005 14.0051 70.0343 16.6291 70.0343 19.2531V22.2531C70.0342 24.8771 68.3004 27.501 64.8328 29.503Z"
-          fill="#030712"
-        />
-        <path
-          d="M12 32.2531C12 29.6291 13.7338 27.0051 17.2015 25.003L39.7181 12.003C46.6534 7.99898 57.8976 7.99898 64.8328 12.003C68.3005 14.0051 70.0343 16.6291 70.0343 19.2531M12 32.2531C12 34.8771 13.7339 37.501 17.2015 39.503C24.1367 43.5071 35.3809 43.5071 42.3162 39.503L64.8329 26.503C68.3005 24.501 70.0343 21.8771 70.0343 19.2531M12 32.2531V35.27C12.0075 37.8883 13.7413 40.5053 17.2014 42.503C24.1367 46.5071 35.3809 46.5071 42.3162 42.503L64.8328 29.503C68.3004 27.501 70.0343 24.8771 70.0343 22.2531V19.2531"
-          stroke="white"
-        />
-        <path
-          d="M15.6738 31.2531C15.6738 35.7441 21.9797 39.3848 29.7584 39.3848C37.5371 39.3848 43.843 35.7441 43.843 31.2531L43.843 28.2531C43.843 23.762 37.5371 20.1213 29.7585 20.1213C21.9798 20.1213 15.6739 23.762 15.6739 28.2531L15.6738 31.2531Z"
-          fill="#030712"
-        />
-        <path
-          d="M30.1939 23.6619L30.3702 22.9495L30.5465 23.6619C30.6235 23.973 31.0469 24.2175 31.5857 24.2619L32.8197 24.3637L31.5857 24.4655C31.0469 24.5099 30.6235 24.7543 30.5465 25.0655L30.3702 25.7779L30.1939 25.0655C30.117 24.7543 29.6936 24.5099 29.1547 24.4655L27.9207 24.3637L29.1547 24.2619C29.6936 24.2175 30.117 23.973 30.1939 23.6619Z"
-          fill="white"
-        />
-        <path
-          d="M35.0507 26.4584L35.2692 25.0708L35.4877 26.4584C35.5391 26.7848 35.9722 27.0481 36.5342 27.0944L37.7187 27.1921L36.5342 27.2898C35.9722 27.3361 35.5391 27.5994 35.4877 27.9258L35.2692 29.3134L35.0507 27.9258C34.9993 27.5994 34.5662 27.3361 34.0042 27.2898L32.8197 27.1921L34.0042 27.0944C34.5662 27.0481 34.9993 26.7848 35.0507 26.4584Z"
-          fill="white"
-        />
-        <path
-          d="M43.843 28.2531C43.843 28.2531 43.843 28.253 43.843 28.2531ZM43.843 28.2531C43.8428 32.744 37.537 36.3848 29.7585 36.3848C21.9798 36.3848 15.6739 32.7441 15.6739 28.2531M43.843 28.2531C43.843 23.762 37.5371 20.1213 29.7585 20.1213C21.9798 20.1213 15.6739 23.762 15.6739 28.2531M43.843 28.2531L43.843 31.2531C43.843 35.7441 37.5371 39.3848 29.7584 39.3848C21.9797 39.3848 15.6738 35.7441 15.6738 31.2531L15.6739 28.2531M29.7579 33.5561C24.6848 33.5561 20.5723 31.1817 20.5723 28.2528C20.5723 26.2428 22.509 24.494 25.3637 23.5945C24.6514 24.3481 24.2465 25.2125 24.2465 26.1314C24.2465 29.0604 28.359 31.4347 33.4321 31.4347C35.0238 31.4347 36.521 31.201 37.8262 30.7897C36.2682 32.4379 33.2392 33.5561 29.7579 33.5561ZM30.3702 22.9495L30.1939 23.6619C30.117 23.973 29.6936 24.2175 29.1547 24.2619L27.9207 24.3637L29.1547 24.4655C29.6936 24.5099 30.117 24.7543 30.1939 25.0655L30.3702 25.7779L30.5465 25.0655C30.6235 24.7543 31.0469 24.5099 31.5857 24.4655L32.8197 24.3637L31.5857 24.2619C31.0469 24.2175 30.6235 23.973 30.5465 23.6619L30.3702 22.9495ZM35.2692 25.0708L35.0507 26.4584C34.9993 26.7848 34.5662 27.0481 34.0042 27.0944L32.8197 27.1921L34.0042 27.2898C34.5662 27.3361 34.9993 27.5994 35.0507 27.9258L35.2692 29.3134L35.4877 27.9258C35.5391 27.5994 35.9722 27.3361 36.5342 27.2898L37.7187 27.1921L36.5342 27.0944C35.9722 27.0481 35.5391 26.7848 35.4877 26.4584L35.2692 25.0708Z"
-          stroke="white"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </svg>
-    </>
+    <svg
+      className="text-gray-950 [--site-background:var(--color-white)] dark:text-white dark:[--site-background:var(--color-gray-950)]"
+      width={112}
+      height={72}
+      viewBox="0 0 112 72"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M71.7615 59.503L94.2781 46.503C97.7457 44.501 99.4795 41.8771 99.4796 39.2531L99.4796 36.2531C99.4796 33.6291 97.7458 31.0051 94.2782 29.003C87.3429 24.999 76.0987 24.999 69.1634 29.003L46.6468 42.003C43.1791 44.0051 41.4453 46.6291 41.4453 49.2531V52.2531C41.4453 54.8771 43.1791 57.501 46.6467 59.503C53.582 63.5071 64.8262 63.5071 71.7615 59.503Z"
+        fill="var(--site-background)"
+      />
+      <path
+        d="M99.4796 36.2531C99.4796 33.6291 97.7458 31.0051 94.2782 29.003C87.3429 24.999 76.0987 24.999 69.1634 29.003L46.6468 42.003C43.1791 44.0051 41.4453 46.6291 41.4453 49.2531M99.4796 36.2531C99.4796 38.8771 97.7458 41.501 94.2782 43.503L71.7615 56.503C64.8263 60.5071 53.582 60.5071 46.6468 56.503C43.1792 54.501 41.4453 51.8771 41.4453 49.2531M99.4796 36.2531L99.4796 39.2531C99.4795 41.8771 97.7457 44.501 94.2781 46.503L71.7615 59.503C64.8262 63.5071 53.582 63.5071 46.6467 59.503C43.1791 57.501 41.4453 54.8771 41.4453 52.2531V49.2531"
+        stroke="currentColor"
+      />
+      <path
+        d="M71.7601 41.0028C77.2604 44.1784 86.1783 44.1784 91.6786 41.0028C94.4288 39.415 95.8039 37.3339 95.8039 35.2528V32.2528C95.8039 30.1717 94.4288 28.0906 91.6786 26.5028C86.1783 23.3272 77.2604 23.3272 71.76 26.5028C69.0165 28.0868 67.6415 30.1616 67.6348 32.2377V35.2528C67.6348 37.3339 69.0099 39.415 71.7601 41.0028Z"
+        fill="var(--site-background)"
+      />
+      <path
+        d="M67.6348 32.2377C67.6281 34.3238 69.0032 36.4111 71.76 38.0028C77.2604 41.1785 86.1783 41.1785 91.6786 38.0028C94.4288 36.415 95.8039 34.3339 95.8039 32.2528M67.6348 32.2377C67.6415 30.1616 69.0165 28.0868 71.76 26.5028C77.2604 23.3272 86.1783 23.3272 91.6786 26.5028C94.4288 28.0906 95.8039 30.1717 95.8039 32.2528M67.6348 32.2377V35.2528C67.6348 37.3339 69.0099 39.415 71.7601 41.0028C77.2604 44.1784 86.1783 44.1784 91.6786 41.0028C94.4288 39.415 95.8039 37.3339 95.8039 35.2528V32.2528"
+        stroke="currentColor"
+      />
+      <path
+        d="M75.2239 28.5L76.956 29.5M81.719 26.9492V28.3634M88.2141 28.5L86.4821 29.5M90.9046 32.25H88.4551M86.4827 35L88.2147 36M81.719 36.1406V37.5548M76.9553 35L75.2233 36M74.9827 32.25H72.5332M83.8841 31C85.0799 31.6904 85.0799 32.8096 83.8841 33.5C82.6884 34.1904 80.7497 34.1904 79.554 33.5C78.3583 32.8096 78.3583 31.6904 79.554 31C80.7497 30.3096 82.6884 30.3096 83.8841 31Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M64.8328 29.503L42.3161 42.503C35.3809 46.5071 24.1367 46.5071 17.2014 42.503C13.7413 40.5053 12.0075 37.8883 12 35.27V32.2531C12 29.7918 13.5255 27.3305 16.5765 25.3824C17.9961 23.2104 20.98 21.4814 24.735 20.6535L39.7181 12.003C46.6533 7.99898 57.8976 7.99898 64.8328 12.003C68.3005 14.0051 70.0343 16.6291 70.0343 19.2531V22.2531C70.0342 24.8771 68.3004 27.501 64.8328 29.503Z"
+        fill="var(--site-background)"
+      />
+      <path
+        d="M12 32.2531C12 29.6291 13.7338 27.0051 17.2015 25.003L39.7181 12.003C46.6534 7.99898 57.8976 7.99898 64.8328 12.003C68.3005 14.0051 70.0343 16.6291 70.0343 19.2531M12 32.2531C12 34.8771 13.7339 37.501 17.2015 39.503C24.1367 43.5071 35.3809 43.5071 42.3162 39.503L64.8329 26.503C68.3005 24.501 70.0343 21.8771 70.0343 19.2531M12 32.2531V35.27C12.0075 37.8883 13.7413 40.5053 17.2014 42.503C24.1367 46.5071 35.3809 46.5071 42.3162 42.503L64.8328 29.503C68.3004 27.501 70.0343 24.8771 70.0343 22.2531V19.2531"
+        stroke="currentColor"
+      />
+      <path
+        d="M15.6738 31.2531C15.6738 35.7441 21.9797 39.3848 29.7584 39.3848C37.5371 39.3848 43.843 35.7441 43.843 31.2531L43.843 28.2531C43.843 23.762 37.5371 20.1213 29.7585 20.1213C21.9798 20.1213 15.6739 23.762 15.6739 28.2531L15.6738 31.2531Z"
+        fill="var(--site-background)"
+      />
+      <path
+        d="M30.1939 23.6619L30.3702 22.9495L30.5465 23.6619C30.6235 23.973 31.0469 24.2175 31.5857 24.2619L32.8197 24.3637L31.5857 24.4655C31.0469 24.5099 30.6235 24.7543 30.5465 25.0655L30.3702 25.7779L30.1939 25.0655C30.117 24.7543 29.6936 24.5099 29.1547 24.4655L27.9207 24.3637L29.1547 24.2619C29.6936 24.2175 30.117 23.973 30.1939 23.6619Z"
+        fill="currentColor"
+      />
+      <path
+        d="M35.0507 26.4584L35.2692 25.0708L35.4877 26.4584C35.5391 26.7848 35.9722 27.0481 36.5342 27.0944L37.7187 27.1921L36.5342 27.2898C35.9722 27.3361 35.5391 27.5994 35.4877 27.9258L35.2692 29.3134L35.0507 27.9258C34.9993 27.5994 34.5662 27.3361 34.0042 27.2898L32.8197 27.1921L34.0042 27.0944C34.5662 27.0481 34.9993 26.7848 35.0507 26.4584Z"
+        fill="currentColor"
+      />
+      <path
+        d="M43.843 28.2531C43.843 28.2531 43.843 28.253 43.843 28.2531ZM43.843 28.2531C43.8428 32.744 37.537 36.3848 29.7585 36.3848C21.9798 36.3848 15.6739 32.7441 15.6739 28.2531M43.843 28.2531C43.843 23.762 37.5371 20.1213 29.7585 20.1213C21.9798 20.1213 15.6739 23.762 15.6739 28.2531M43.843 28.2531L43.843 31.2531C43.843 35.7441 37.5371 39.3848 29.7584 39.3848C21.9797 39.3848 15.6738 35.7441 15.6738 31.2531L15.6739 28.2531M29.7579 33.5561C24.6848 33.5561 20.5723 31.1817 20.5723 28.2528C20.5723 26.2428 22.509 24.494 25.3637 23.5945C24.6514 24.3481 24.2465 25.2125 24.2465 26.1314C24.2465 29.0604 28.359 31.4347 33.4321 31.4347C35.0238 31.4347 36.521 31.201 37.8262 30.7897C36.2682 32.4379 33.2392 33.5561 29.7579 33.5561ZM30.3702 22.9495L30.1939 23.6619C30.117 23.973 29.6936 24.2175 29.1547 24.2619L27.9207 24.3637L29.1547 24.4655C29.6936 24.5099 30.117 24.7543 30.1939 25.0655L30.3702 25.7779L30.5465 25.0655C30.6235 24.7543 31.0469 24.5099 31.5857 24.4655L32.8197 24.3637L31.5857 24.2619C31.0469 24.2175 30.6235 23.973 30.5465 23.6619L30.3702 22.9495ZM35.2692 25.0708L35.0507 26.4584C34.9993 26.7848 34.5662 27.0481 34.0042 27.0944L32.8197 27.1921L34.0042 27.2898C34.5662 27.3361 34.9993 27.5994 35.0507 27.9258L35.2692 29.3134L35.4877 27.9258C35.5391 27.5994 35.9722 27.3361 36.5342 27.2898L37.7187 27.1921L36.5342 27.0944C35.9722 27.0481 35.5391 26.7848 35.4877 26.4584L35.2692 25.0708Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
   );
 }
diff --git a/src/components/home/icons/filters-icon.tsx b/src/components/home/icons/filters-icon.tsx
index 1ab254320..fb0ca050c 100644
--- a/src/components/home/icons/filters-icon.tsx
+++ b/src/components/home/icons/filters-icon.tsx
@@ -2,31 +2,30 @@ export function FiltersIcon() {
   return (
     <>
       <svg
-        className="dark:hidden"
+        className="text-gray-950 [--site-background:var(--color-white)] dark:text-white dark:[--site-background:var(--color-gray-950)]"
         width={112}
         height={72}
         viewBox="0 0 112 72"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
       >
-        <g clipPath="url(#clip0_457_1608)">
-          <rect width={112} height={72} fill="white" />
+        <rect width={112} height={72} fill="var(--site-background)" />
+        <path
+          d="M66.4883 54.4995L107.192 30.9995V27.9995M66.4883 54.4995L25.7852 30.9995V27.9995M66.4883 54.4995V51.4995M25.7852 27.9995L66.4883 4.49951L107.192 27.9995M25.7852 27.9995L66.4883 51.4995M107.192 27.9995L66.4883 51.4995"
+          stroke="currentColor"
+        />
+        <path
+          d="M4.99414 34.9995L45.6973 11.4995L50.0289 14.0003L47.432 15.4996L45.7004 14.4999L10.1934 34.9999L41.3703 52.9999L52.6288 46.4998M4.99414 34.9995L45.6973 58.4995M4.99414 34.9995L4.9953 36.9995L45.6985 60.4995M45.6973 58.4995L45.6985 60.4995M45.6973 58.4995L59.5551 50.4987M45.6985 60.4995L61.2878 51.499M30.9766 46.9998V35.8282C30.9766 35.3036 31.224 34.8124 31.655 34.3913"
+          stroke="currentColor"
+        />
+        <g filter="url(#filter0_f_457_1608)">
           <path
-            d="M66.4883 54.4995L107.192 30.9995V27.9995M66.4883 54.4995L25.7852 30.9995V27.9995M66.4883 54.4995V51.4995M25.7852 27.9995L66.4883 4.49951L107.192 27.9995M25.7852 27.9995L66.4883 51.4995M107.192 27.9995L66.4883 51.4995"
-            stroke="black"
+            d="M25.7852 30.9998L50.0308 17.0015M66.4883 7.49976L107.192 30.9998M66.4883 7.49976V4.49976M66.4883 7.49976L52.6277 15.5022M86.3961 34.9984L86.3972 36.9984L63.8831 49.9969M86.3961 34.9984L62.1504 48.9966M86.3961 34.9984L52.6277 15.5022M56.9542 32.9987H35.8724C35.4346 32.9987 35.0102 33.0319 34.6064 33.0941M53.4893 32.9988V27.413C53.4893 26.6319 54.586 25.9988 55.9388 25.9988H65.6137M55.2241 44.9977L76.8728 32.4988L50.0308 17.0015M50.0308 17.0015L52.6277 15.5022M43.5322 24.2488C45.2062 25.2153 45.2062 26.7823 43.5322 27.7488C41.8581 28.7153 39.144 28.7153 37.47 27.7488C35.796 26.7823 35.796 25.2153 37.47 24.2488C39.144 23.2823 41.8581 23.2823 43.5322 24.2488Z"
+            stroke="currentColor"
+            strokeOpacity="0.3"
           />
-          <path
-            d="M4.99414 34.9995L45.6973 11.4995L50.0289 14.0003L47.432 15.4996L45.7004 14.4999L10.1934 34.9999L41.3703 52.9999L52.6288 46.4998M4.99414 34.9995L45.6973 58.4995M4.99414 34.9995L4.9953 36.9995L45.6985 60.4995M45.6973 58.4995L45.6985 60.4995M45.6973 58.4995L59.5551 50.4987M45.6985 60.4995L61.2878 51.499M30.9766 46.9998V35.8282C30.9766 35.3036 31.224 34.8124 31.655 34.3913"
-            stroke="black"
-          />
-          <g filter="url(#filter0_f_457_1608)">
-            <path
-              d="M25.7852 30.9998L50.0308 17.0015M66.4883 7.49976L107.192 30.9998M66.4883 7.49976V4.49976M66.4883 7.49976L52.6277 15.5022M86.3961 34.9984L86.3972 36.9984L63.8831 49.9969M86.3961 34.9984L62.1504 48.9966M86.3961 34.9984L52.6277 15.5022M56.9542 32.9987H35.8724C35.4346 32.9987 35.0102 33.0319 34.6064 33.0941M53.4893 32.9988V27.413C53.4893 26.6319 54.586 25.9988 55.9388 25.9988H65.6137M55.2241 44.9977L76.8728 32.4988L50.0308 17.0015M50.0308 17.0015L52.6277 15.5022M43.5322 24.2488C45.2062 25.2153 45.2062 26.7823 43.5322 27.7488C41.8581 28.7153 39.144 28.7153 37.47 27.7488C35.796 26.7823 35.796 25.2153 37.47 24.2488C39.144 23.2823 41.8581 23.2823 43.5322 24.2488Z"
-              stroke="black"
-              strokeOpacity="0.3"
-            />
-          </g>
         </g>
+
         <defs>
           <filter
             id="filter0_f_457_1608"
@@ -41,54 +40,6 @@ export function FiltersIcon() {
             <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
             <feGaussianBlur stdDeviation={1} result="effect1_foregroundBlur_457_1608" />
           </filter>
-          <clipPath id="clip0_457_1608">
-            <rect width={112} height={72} fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-      <svg
-        className="hidden dark:block"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clipPath="url(#clip0_457_1640)">
-          <rect width={112} height={72} fill="#030712" />
-          <path
-            d="M66.4883 54.4988L107.192 30.9988V27.9988M66.4883 54.4988L25.7852 30.9988V27.9988M66.4883 54.4988V51.4988M25.7852 27.9988L66.4883 4.49878L107.192 27.9988M25.7852 27.9988L66.4883 51.4988M107.192 27.9988L66.4883 51.4988"
-            stroke="white"
-          />
-          <path
-            d="M4.99414 34.9988L45.6973 11.4988L50.0289 13.9996L47.432 15.4989L45.7004 14.4991L10.1934 34.9991L41.3703 52.9991L52.6288 46.499M4.99414 34.9988L45.6973 58.4988M4.99414 34.9988L4.9953 36.9988L45.6985 60.4988M45.6973 58.4988L45.6985 60.4988M45.6973 58.4988L59.5551 50.498M45.6985 60.4988L61.2878 51.4983M30.9766 46.9991V35.8275C30.9766 35.3029 31.224 34.8117 31.655 34.3906"
-            stroke="white"
-          />
-          <g filter="url(#filter0_f_457_1640)">
-            <path
-              d="M25.7852 30.999L50.0308 17.0008M66.4883 7.49902L107.192 30.999M66.4883 7.49902V4.49902M66.4883 7.49902L52.6277 15.5015M86.3961 34.9977L86.3972 36.9977L63.8831 49.9962M86.3961 34.9977L62.1504 48.9959M86.3961 34.9977L52.6277 15.5015M56.9542 32.998H35.8724C35.4346 32.998 35.0102 33.0311 34.6064 33.0933M53.4893 32.998V27.4122C53.4893 26.6312 54.586 25.998 55.9388 25.998H65.6137M55.2241 44.997L76.8728 32.498L50.0308 17.0008M50.0308 17.0008L52.6277 15.5015M43.5322 24.248C45.2062 25.2145 45.2062 26.7815 43.5322 27.748C41.8581 28.7145 39.144 28.7145 37.47 27.748C35.796 26.7815 35.796 25.2145 37.47 24.248C39.144 23.2815 41.8581 23.2815 43.5322 24.248Z"
-              stroke="white"
-              strokeOpacity="0.5"
-            />
-          </g>
-        </g>
-        <defs>
-          <filter
-            id="filter0_f_457_1640"
-            x="23.5352"
-            y="2.49902"
-            width="85.9062"
-            height="49.9302"
-            filterUnits="userSpaceOnUse"
-            colorInterpolationFilters="sRGB"
-          >
-            <feFlood floodOpacity={0} result="BackgroundImageFix" />
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-            <feGaussianBlur stdDeviation={1} result="effect1_foregroundBlur_457_1640" />
-          </filter>
-          <clipPath id="clip0_457_1640">
-            <rect width={112} height={72} fill="white" />
-          </clipPath>
         </defs>
       </svg>
     </>
diff --git a/src/components/home/icons/gradients-icon.tsx b/src/components/home/icons/gradients-icon.tsx
index ff8cb6538..3d85cba51 100644
--- a/src/components/home/icons/gradients-icon.tsx
+++ b/src/components/home/icons/gradients-icon.tsx
@@ -1,128 +1,70 @@
 export function GradientsIcon() {
   return (
-    <>
-      <svg
-        className="dark:hidden"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clipPath="url(#clip0_408_5730)">
-          <path
-            d="M51.2301 6.00001L5.33071 32.5C4.1443 33.185 3.54647 34.0811 3.53722 34.9788V38C3.53721 38.9048 4.13508 39.8097 5.33082 40.5L51.2302 67C53.6216 68.3807 57.4989 68.3807 59.8904 67L105.79 40.5C106.985 39.8097 107.583 38.9048 107.583 38L107.583 35C107.583 34.0952 106.985 33.1904 105.79 32.5L59.8903 6.00001C57.4988 4.6193 53.6215 4.6193 51.2301 6.00001Z"
-            fill="white"
-          />
-          <path
-            d="M107.583 35C107.583 34.0952 106.985 33.1904 105.79 32.5L59.8903 6.00001C57.4988 4.6193 53.6215 4.6193 51.2301 6.00001L5.33071 32.5C4.1443 33.185 3.54647 34.0811 3.53722 34.9788M107.583 35C107.583 35.9048 106.985 36.8097 105.79 37.5L59.8903 64C57.4988 65.3807 53.6215 65.3807 51.2301 64L5.33071 37.5C4.12565 36.8043 3.52782 35.8907 3.53722 34.9788M107.583 35L107.583 38C107.583 38.9048 106.985 39.8097 105.79 40.5L59.8904 67C57.4989 68.3807 53.6216 68.3807 51.2302 67L5.33082 40.5C4.13508 39.8097 3.53721 38.9048 3.53722 38V34.9788"
-            stroke="#030712"
-          />
-          <path
-            d="M54.6946 61.9999C55.1729 62.276 55.9484 62.276 56.4267 61.9999L100.594 36.4999L56.4267 10.9999C55.9484 10.7238 55.1729 10.7237 54.6946 10.9999L10.5273 36.4999L54.6946 61.9999Z"
-            fill="url(#paint0_linear_408_5730)"
-          />
-          <path
-            d="M100.593 36.4999L56.4257 10.9999C55.9474 10.7238 55.1719 10.7237 54.6936 10.9999L10.5263 36.4999M100.593 36.4999L102.325 35.4999C102.803 35.2238 102.803 34.776 102.325 34.4999L56.4257 7.99989C55.9474 7.72375 55.1719 7.72375 54.6936 7.99989L8.79427 34.4999C8.31597 34.776 8.31597 35.2237 8.79427 35.4999L10.5263 36.4999M100.593 36.4999L56.4257 61.9999C55.9474 62.276 55.1719 62.276 54.6936 61.9999L10.5263 36.4999"
-            stroke="#030712"
-          />
-          <path
-            d="M79.6783 25.5L70.152 31C69.1954 31.5523 68.4199 32.8954 68.4199 34V45C68.4199 45.5161 68.5892 45.8888 68.8672 46.0831L70.6723 47.1287C70.9847 47.3015 71.4123 47.2723 71.884 47L74.9151 45.25L76.6472 46.25L78.3792 43.25L81.4103 41.5C82.3669 40.9477 83.1424 39.6046 83.1424 38.5V27.5C83.1424 26.9318 82.9371 26.5374 82.6076 26.3635L80.8672 25.3592C80.557 25.2 80.1386 25.2342 79.6783 25.5Z"
-            fill="white"
-          />
-          <path
-            d="M70.6723 47.1287C70.3512 46.951 70.152 46.5599 70.152 46L70.152 35C70.152 33.8954 70.9274 32.5523 71.884 32L81.4103 26.5C81.8748 26.2318 82.2966 26.1994 82.6076 26.3635M70.6723 47.1287C70.9847 47.3015 71.4123 47.2723 71.884 47L74.9151 45.25L76.6472 46.25L78.3792 43.25L81.4103 41.5C82.3669 40.9477 83.1424 39.6046 83.1424 38.5V27.5C83.1424 26.9318 82.9371 26.5374 82.6076 26.3635M70.6723 47.1287L68.8672 46.0831C68.5892 45.8888 68.4199 45.5161 68.4199 45V34C68.4199 32.8954 69.1954 31.5523 70.152 31L79.6783 25.5C80.1386 25.2342 80.557 25.2 80.8672 25.3592L82.6076 26.3635"
-            stroke="#030712"
-          />
-          <path d="M71.8848 34L81.411 28.5V39.5L71.8848 45V34Z" stroke="#030712" />
-          <path
-            d="M39.8404 2.49999L30.3141 7.99999C29.3575 8.55227 28.582 9.89542 28.582 11V22C28.582 22.5161 28.7513 22.8888 29.0293 23.0831L30.8344 24.1287C31.1468 24.3015 31.5744 24.2723 32.0461 24L35.0772 22.25L36.8093 23.25L38.5413 20.25L41.5724 18.5C42.529 17.9477 43.3045 16.6046 43.3045 15.5V4.49998C43.3045 3.93176 43.0992 3.53737 42.7697 3.36352L41.0293 2.35916C40.7191 2.20002 40.3007 2.23421 39.8404 2.49999Z"
-            fill="white"
-          />
-          <path
-            d="M30.8344 24.1287C30.5133 23.951 30.3141 23.5599 30.3141 23L30.3141 12C30.3141 10.8954 31.0896 9.55227 32.0461 8.99998L41.5724 3.49999C42.0369 3.23181 42.4587 3.19942 42.7697 3.36352M30.8344 24.1287C31.1468 24.3015 31.5744 24.2723 32.0461 24L35.0772 22.25L36.8093 23.25L38.5413 20.25L41.5724 18.5C42.529 17.9477 43.3045 16.6046 43.3045 15.5V4.49998C43.3045 3.93176 43.0992 3.53737 42.7697 3.36352M30.8344 24.1287L29.0293 23.0831C28.7513 22.8888 28.582 22.5161 28.582 22V11C28.582 9.89542 29.3575 8.55227 30.3141 7.99999L39.8404 2.49999C40.3007 2.23421 40.7191 2.20002 41.0293 2.35916L42.7697 3.36352"
-            stroke="#030712"
-          />
-          <path d="M32.0469 11L41.5732 5.5V16.5L32.0469 22V11Z" fill="#030712" fillOpacity="0.75" stroke="#030712" />
-        </g>
-        <defs>
-          <linearGradient
-            id="paint0_linear_408_5730"
-            x1="10.501"
-            y1={36}
-            x2="55.5607"
-            y2="62.207"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop stopColor="#030712" stopOpacity="0.75" />
-            <stop offset={1} stopColor="white" />
-          </linearGradient>
-          <clipPath id="clip0_408_5730">
-            <rect width={112} height={72} fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-      <svg
-        className="hidden dark:block"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clipPath="url(#clip0_408_6127)">
-          <path
-            d="M51.2301 6.00001L5.33071 32.5C4.1443 33.185 3.54647 34.0811 3.53722 34.9788V38C3.53721 38.9048 4.13508 39.8097 5.33082 40.5L51.2302 67C53.6216 68.3807 57.4989 68.3807 59.8904 67L105.79 40.5C106.985 39.8097 107.583 38.9048 107.583 38L107.583 35C107.583 34.0952 106.985 33.1904 105.79 32.5L59.8903 6.00001C57.4988 4.6193 53.6215 4.6193 51.2301 6.00001Z"
-            fill="#030712"
-          />
-          <path
-            d="M107.583 35C107.583 34.0952 106.985 33.1904 105.79 32.5L59.8903 6.00001C57.4988 4.6193 53.6215 4.6193 51.2301 6.00001L5.33071 32.5C4.1443 33.185 3.54647 34.0811 3.53722 34.9788M107.583 35C107.583 35.9048 106.985 36.8097 105.79 37.5L59.8903 64C57.4988 65.3807 53.6215 65.3807 51.2301 64L5.33071 37.5C4.12565 36.8043 3.52782 35.8907 3.53722 34.9788M107.583 35L107.583 38C107.583 38.9048 106.985 39.8097 105.79 40.5L59.8904 67C57.4989 68.3807 53.6216 68.3807 51.2302 67L5.33082 40.5C4.13508 39.8097 3.53721 38.9048 3.53722 38V34.9788"
-            stroke="white"
-          />
-          <path
-            d="M54.6946 61.9999C55.1729 62.276 55.9484 62.276 56.4267 61.9999L100.594 36.4999L56.4267 10.9999C55.9484 10.7238 55.1729 10.7237 54.6946 10.9999L10.5273 36.4999L54.6946 61.9999Z"
-            fill="url(#paint0_linear_408_6127)"
-          />
-          <path
-            d="M100.593 36.4999L56.4257 10.9999C55.9474 10.7238 55.1719 10.7237 54.6936 10.9999L10.5263 36.4999M100.593 36.4999L102.325 35.4999C102.803 35.2238 102.803 34.776 102.325 34.4999L56.4257 7.99989C55.9474 7.72375 55.1719 7.72375 54.6936 7.99989L8.79427 34.4999C8.31597 34.776 8.31597 35.2237 8.79427 35.4999L10.5263 36.4999M100.593 36.4999L56.4257 61.9999C55.9474 62.276 55.1719 62.276 54.6936 61.9999L10.5263 36.4999"
-            stroke="white"
-          />
-          <path
-            d="M79.6783 25.5L70.152 31C69.1954 31.5523 68.4199 32.8954 68.4199 34V45C68.4199 45.5161 68.5892 45.8888 68.8672 46.0831L70.6723 47.1287C70.9847 47.3015 71.4123 47.2723 71.884 47L74.9151 45.25L76.6472 46.25L78.3792 43.25L81.4103 41.5C82.3669 40.9477 83.1424 39.6046 83.1424 38.5V27.5C83.1424 26.9318 82.9371 26.5374 82.6076 26.3635L80.8672 25.3592C80.557 25.2 80.1386 25.2342 79.6783 25.5Z"
-            fill="#030712"
-          />
-          <path
-            d="M70.6723 47.1287C70.3512 46.951 70.152 46.5599 70.152 46L70.152 35C70.152 33.8954 70.9274 32.5523 71.884 32L81.4103 26.5C81.8748 26.2318 82.2966 26.1994 82.6076 26.3635M70.6723 47.1287C70.9847 47.3015 71.4123 47.2723 71.884 47L74.9151 45.25L76.6472 46.25L78.3792 43.25L81.4103 41.5C82.3669 40.9477 83.1424 39.6046 83.1424 38.5V27.5C83.1424 26.9318 82.9371 26.5374 82.6076 26.3635M70.6723 47.1287L68.8672 46.0831C68.5892 45.8888 68.4199 45.5161 68.4199 45V34C68.4199 32.8954 69.1954 31.5523 70.152 31L79.6783 25.5C80.1386 25.2342 80.557 25.2 80.8672 25.3592L82.6076 26.3635"
-            stroke="white"
-          />
-          <path d="M71.8848 34L81.411 28.5V39.5L71.8848 45V34Z" stroke="white" />
-          <path
-            d="M39.8404 2.49999L30.3141 7.99999C29.3575 8.55227 28.582 9.89542 28.582 11V22C28.582 22.5161 28.7513 22.8888 29.0293 23.0831L30.8344 24.1287C31.1468 24.3015 31.5744 24.2723 32.0461 24L35.0772 22.25L36.8093 23.25L38.5413 20.25L41.5724 18.5C42.529 17.9477 43.3045 16.6046 43.3045 15.5V4.49998C43.3045 3.93176 43.0992 3.53737 42.7697 3.36352L41.0293 2.35916C40.7191 2.20002 40.3007 2.23421 39.8404 2.49999Z"
-            fill="#030712"
-          />
-          <path
-            d="M30.8344 24.1287C30.5133 23.951 30.3141 23.5599 30.3141 23L30.3141 12C30.3141 10.8954 31.0896 9.55227 32.0461 8.99998L41.5724 3.49999C42.0369 3.23181 42.4587 3.19942 42.7697 3.36352M30.8344 24.1287C31.1468 24.3015 31.5744 24.2723 32.0461 24L35.0772 22.25L36.8093 23.25L38.5413 20.25L41.5724 18.5C42.529 17.9477 43.3045 16.6046 43.3045 15.5V4.49998C43.3045 3.93176 43.0992 3.53737 42.7697 3.36352M30.8344 24.1287L29.0293 23.0831C28.7513 22.8888 28.582 22.5161 28.582 22V11C28.582 9.89542 29.3575 8.55227 30.3141 7.99999L39.8404 2.49999C40.3007 2.23421 40.7191 2.20002 41.0293 2.35916L42.7697 3.36352"
-            stroke="white"
-          />
-          <path d="M32.0469 11L41.5732 5.5V16.5L32.0469 22V11Z" fill="white" fillOpacity="0.75" stroke="white" />
-        </g>
-        <defs>
-          <linearGradient
-            id="paint0_linear_408_6127"
-            x1="10.501"
-            y1={36}
-            x2="55.5607"
-            y2="62.207"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop stopColor="white" stopOpacity="0.75" />
-            <stop offset={1} stopColor="#030712" />
-          </linearGradient>
-          <clipPath id="clip0_408_6127">
-            <rect width={112} height={72} fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-    </>
+    <svg
+      className="text-gray-950 [--site-background:var(--color-white)] dark:text-white dark:[--site-background:var(--color-gray-950)]"
+      width={112}
+      height={72}
+      viewBox="0 0 112 72"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clipPath="url(#clip0_408_5730)">
+        <path
+          d="M51.2301 6.00001L5.33071 32.5C4.1443 33.185 3.54647 34.0811 3.53722 34.9788V38C3.53721 38.9048 4.13508 39.8097 5.33082 40.5L51.2302 67C53.6216 68.3807 57.4989 68.3807 59.8904 67L105.79 40.5C106.985 39.8097 107.583 38.9048 107.583 38L107.583 35C107.583 34.0952 106.985 33.1904 105.79 32.5L59.8903 6.00001C57.4988 4.6193 53.6215 4.6193 51.2301 6.00001Z"
+          fill="var(--site-background)"
+        />
+        <path
+          d="M107.583 35C107.583 34.0952 106.985 33.1904 105.79 32.5L59.8903 6.00001C57.4988 4.6193 53.6215 4.6193 51.2301 6.00001L5.33071 32.5C4.1443 33.185 3.54647 34.0811 3.53722 34.9788M107.583 35C107.583 35.9048 106.985 36.8097 105.79 37.5L59.8903 64C57.4988 65.3807 53.6215 65.3807 51.2301 64L5.33071 37.5C4.12565 36.8043 3.52782 35.8907 3.53722 34.9788M107.583 35L107.583 38C107.583 38.9048 106.985 39.8097 105.79 40.5L59.8904 67C57.4989 68.3807 53.6216 68.3807 51.2302 67L5.33082 40.5C4.13508 39.8097 3.53721 38.9048 3.53722 38V34.9788"
+          stroke="currentColor"
+        />
+        <path
+          d="M54.6946 61.9999C55.1729 62.276 55.9484 62.276 56.4267 61.9999L100.594 36.4999L56.4267 10.9999C55.9484 10.7238 55.1729 10.7237 54.6946 10.9999L10.5273 36.4999L54.6946 61.9999Z"
+          fill="url(#paint0_linear_408_5730)"
+        />
+        <path
+          d="M100.593 36.4999L56.4257 10.9999C55.9474 10.7238 55.1719 10.7237 54.6936 10.9999L10.5263 36.4999M100.593 36.4999L102.325 35.4999C102.803 35.2238 102.803 34.776 102.325 34.4999L56.4257 7.99989C55.9474 7.72375 55.1719 7.72375 54.6936 7.99989L8.79427 34.4999C8.31597 34.776 8.31597 35.2237 8.79427 35.4999L10.5263 36.4999M100.593 36.4999L56.4257 61.9999C55.9474 62.276 55.1719 62.276 54.6936 61.9999L10.5263 36.4999"
+          stroke="currentColor"
+        />
+        <path
+          d="M79.6783 25.5L70.152 31C69.1954 31.5523 68.4199 32.8954 68.4199 34V45C68.4199 45.5161 68.5892 45.8888 68.8672 46.0831L70.6723 47.1287C70.9847 47.3015 71.4123 47.2723 71.884 47L74.9151 45.25L76.6472 46.25L78.3792 43.25L81.4103 41.5C82.3669 40.9477 83.1424 39.6046 83.1424 38.5V27.5C83.1424 26.9318 82.9371 26.5374 82.6076 26.3635L80.8672 25.3592C80.557 25.2 80.1386 25.2342 79.6783 25.5Z"
+          fill="var(--site-background)"
+        />
+        <path
+          d="M70.6723 47.1287C70.3512 46.951 70.152 46.5599 70.152 46L70.152 35C70.152 33.8954 70.9274 32.5523 71.884 32L81.4103 26.5C81.8748 26.2318 82.2966 26.1994 82.6076 26.3635M70.6723 47.1287C70.9847 47.3015 71.4123 47.2723 71.884 47L74.9151 45.25L76.6472 46.25L78.3792 43.25L81.4103 41.5C82.3669 40.9477 83.1424 39.6046 83.1424 38.5V27.5C83.1424 26.9318 82.9371 26.5374 82.6076 26.3635M70.6723 47.1287L68.8672 46.0831C68.5892 45.8888 68.4199 45.5161 68.4199 45V34C68.4199 32.8954 69.1954 31.5523 70.152 31L79.6783 25.5C80.1386 25.2342 80.557 25.2 80.8672 25.3592L82.6076 26.3635"
+          stroke="currentColor"
+        />
+        <path d="M71.8848 34L81.411 28.5V39.5L71.8848 45V34Z" stroke="currentColor" />
+        <path
+          d="M39.8404 2.49999L30.3141 7.99999C29.3575 8.55227 28.582 9.89542 28.582 11V22C28.582 22.5161 28.7513 22.8888 29.0293 23.0831L30.8344 24.1287C31.1468 24.3015 31.5744 24.2723 32.0461 24L35.0772 22.25L36.8093 23.25L38.5413 20.25L41.5724 18.5C42.529 17.9477 43.3045 16.6046 43.3045 15.5V4.49998C43.3045 3.93176 43.0992 3.53737 42.7697 3.36352L41.0293 2.35916C40.7191 2.20002 40.3007 2.23421 39.8404 2.49999Z"
+          fill="var(--site-background)"
+        />
+        <path
+          d="M30.8344 24.1287C30.5133 23.951 30.3141 23.5599 30.3141 23L30.3141 12C30.3141 10.8954 31.0896 9.55227 32.0461 8.99998L41.5724 3.49999C42.0369 3.23181 42.4587 3.19942 42.7697 3.36352M30.8344 24.1287C31.1468 24.3015 31.5744 24.2723 32.0461 24L35.0772 22.25L36.8093 23.25L38.5413 20.25L41.5724 18.5C42.529 17.9477 43.3045 16.6046 43.3045 15.5V4.49998C43.3045 3.93176 43.0992 3.53737 42.7697 3.36352M30.8344 24.1287L29.0293 23.0831C28.7513 22.8888 28.582 22.5161 28.582 22V11C28.582 9.89542 29.3575 8.55227 30.3141 7.99999L39.8404 2.49999C40.3007 2.23421 40.7191 2.20002 41.0293 2.35916L42.7697 3.36352"
+          stroke="currentColor"
+        />
+        <path
+          d="M32.0469 11L41.5732 5.5V16.5L32.0469 22V11Z"
+          fill="currentColor"
+          fillOpacity="0.75"
+          stroke="currentColor"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="paint0_linear_408_5730"
+          x1="10.501"
+          y1={36}
+          x2="55.5607"
+          y2="62.207"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="currentColor" stopOpacity="0.75" />
+          <stop offset={1} stopColor="var(--site-background)" />
+        </linearGradient>
+        <clipPath id="clip0_408_5730">
+          <rect width={112} height={72} fill="var(--site-background)" />
+        </clipPath>
+      </defs>
+    </svg>
   );
 }
diff --git a/src/components/home/icons/logical-properties-icon.tsx b/src/components/home/icons/logical-properties-icon.tsx
index 20dd93426..83c92a69b 100644
--- a/src/components/home/icons/logical-properties-icon.tsx
+++ b/src/components/home/icons/logical-properties-icon.tsx
@@ -1,171 +1,86 @@
 export function LogicalPropertiesIcon() {
   return (
-    <>
-      <svg
-        className="dark:hidden"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clipPath="url(#clip0_408_5693)">
-          <rect
-            width={63}
-            height={63}
-            rx={2}
-            transform="matrix(0.866025 -0.5 0.866025 0.5 1 38)"
-            stroke="#030712"
-            strokeOpacity="0.3"
-            strokeDasharray="3 3"
-          />
-          <path
-            d="M91.066 26L77.2096 34C76.7313 34.2762 76.4922 34.6381 76.4922 35.0001V38.0283C76.5043 38.3807 76.7433 38.731 77.2091 39L91.0655 47C92.0221 47.5523 93.5731 47.5523 94.5296 47L108.386 39C108.864 38.7239 109.103 38.362 109.103 38.0001L109.104 35.0001C109.104 34.6381 108.865 34.2762 108.387 34L94.5301 26C93.5736 25.4477 92.0226 25.4477 91.066 26Z"
-            fill="white"
-            stroke="#030712"
-          />
-          <path
-            d="M53.8274 47.5L39.971 55.5C39.4927 55.7762 39.2536 56.1381 39.2536 56.5001L39.252 59.5001C39.252 59.862 39.4911 60.2239 39.9694 60.5L53.8258 68.5C54.7824 69.0523 56.3333 69.0523 57.2899 68.5L71.1463 60.5C71.6246 60.2239 71.8637 59.862 71.8637 59.5001L71.8654 56.5001C71.8654 56.1381 71.6262 55.7762 71.1479 55.5L57.2915 47.5C56.3349 46.9477 54.784 46.9477 53.8274 47.5Z"
-            fill="white"
-          />
-          <path
-            d="M16.5883 26L2.73193 34C2.25362 34.2762 2.01447 34.6381 2.01449 35.0001L2.01367 38.0001C2.01371 38.362 2.25285 38.7239 2.73111 39L16.5875 47C17.5441 47.5523 19.095 47.5523 20.0516 47L33.908 39C34.3863 38.7239 34.6254 38.362 34.6255 38.0001L34.6263 35.0001C34.6263 34.6381 34.3871 34.2762 33.9088 34L20.0524 26C19.0959 25.4477 17.5449 25.4477 16.5883 26Z"
-            fill="white"
-          />
-          <path
-            d="M53.8278 4.50027L39.9713 12.5003C39.4931 12.7764 39.254 13.1382 39.2539 13.5001V16.5568C39.2776 16.8997 39.516 17.2385 39.9694 17.5002L53.8258 25.5002C54.7824 26.0525 56.3333 26.0525 57.2899 25.5002L71.1463 17.5002C71.6247 17.224 71.8638 16.862 71.8637 16.5001V13.4437C71.8401 13.1008 71.6016 12.762 71.1483 12.5003L57.2919 4.50027C56.3353 3.94799 54.7843 3.94799 53.8278 4.50027Z"
-            fill="white"
-          />
-          <path
-            d="M34.6263 35.0001C34.6263 34.6381 34.3871 34.2762 33.9088 34L20.0524 26C19.0959 25.4477 17.5449 25.4477 16.5883 26L2.73193 34C2.25362 34.2762 2.01447 34.6381 2.01449 35.0001M34.6263 35.0001C34.6263 35.362 34.3871 35.7239 33.9088 36L20.0524 44C19.0959 44.5523 17.5449 44.5523 16.5883 44L2.73193 36C2.25365 35.7239 2.0145 35.362 2.01449 35.0001M34.6263 35.0001L34.6255 38.0001C34.6254 38.362 34.3863 38.7239 33.908 39L20.0516 47C19.095 47.5523 17.5441 47.5523 16.5875 47L2.73111 39C2.25285 38.7239 2.01371 38.362 2.01367 38.0001L2.01449 35.0001"
-            stroke="#030712"
-          />
-          <path
-            d="M71.8654 56.5001C71.8654 56.1381 71.6262 55.7762 71.1479 55.5L57.2915 47.5C56.3349 46.9477 54.784 46.9477 53.8274 47.5L39.971 55.5C39.4927 55.7762 39.2536 56.1381 39.2536 56.5001M71.8654 56.5001C71.8654 56.862 71.6262 57.2239 71.1479 57.5L57.2915 65.5C56.3349 66.0523 54.784 66.0523 53.8274 65.5L39.971 57.5C39.4927 57.2239 39.2536 56.862 39.2536 56.5001M71.8654 56.5001L71.8637 59.5001C71.8637 59.862 71.6246 60.2239 71.1463 60.5L57.2899 68.5C56.3333 69.0523 54.7824 69.0523 53.8258 68.5L39.9694 60.5C39.4911 60.2239 39.252 59.862 39.252 59.5001L39.2536 56.5001"
-            stroke="#030712"
-          />
-          <path
-            d="M71.8637 13.4437C71.8401 13.1008 71.6016 12.762 71.1483 12.5003L57.2919 4.50027C56.3353 3.94799 54.7843 3.94799 53.8278 4.50027L39.9713 12.5003C39.4931 12.7764 39.254 13.1382 39.2539 13.5001M71.8637 13.4437C71.89 13.8242 71.6515 14.2097 71.1483 14.5003L57.2919 22.5003C56.3353 23.0526 54.7843 23.0526 53.8278 22.5003L39.9713 14.5003C39.493 14.2241 39.2538 13.8621 39.2539 13.5001M71.8637 13.4437V16.5001C71.8638 16.862 71.6247 17.224 71.1463 17.5002L57.2899 25.5002C56.3333 26.0525 54.7824 26.0525 53.8258 25.5002L39.9694 17.5002C39.516 17.2385 39.2776 16.8997 39.2539 16.5568V13.5001"
-            stroke="#030712"
-          />
-          <path
-            d="M109.104 35.0001C109.104 34.6381 108.865 34.2762 108.387 34L94.5301 26C93.5735 25.4477 92.0226 25.4477 91.066 26L77.2096 34C76.7313 34.2762 76.4922 34.6381 76.4922 35.0001M109.104 35.0001C109.104 35.362 108.865 35.7239 108.387 36L94.5301 44C93.5735 44.5523 92.0226 44.5523 91.066 44L77.2096 36C76.7313 35.7239 76.4922 35.362 76.4922 35.0001M109.104 35.0001L109.103 38.0001C109.103 38.362 108.864 38.7239 108.386 39L94.5296 47C93.5731 47.5523 92.0221 47.5523 91.0655 47L77.2091 39C76.7433 38.731 76.5043 38.3807 76.4922 38.0283V35.0001"
-            stroke="#030712"
-          />
-          <path
-            d="M19.1868 32.5001L51.2297 14.0001M51.2297 14.0001V18.0001M51.2297 14.0001H44.3015"
-            stroke="#030712"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-          <path
-            d="M91.9324 37.5001L59.8894 56.0001M59.8894 56.0001L59.8894 52.0001M59.8894 56.0001L66.8176 56.0001"
-            stroke="#030712"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-          <path
-            d="M59.8894 14.0001L91.9324 32.5001M91.9324 32.5001L85.0041 32.5001M91.9324 32.5001L91.9324 28.5001"
-            stroke="#030712"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-          <path
-            d="M51.2297 56.0001L19.1868 37.5001M19.1868 37.5001H26.115M19.1868 37.5001V41.5001"
-            stroke="#030712"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_408_5693">
-            <rect width={112} height={72} fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-
-      <svg
-        className="hidden dark:block"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clipPath="url(#clip0_408_6111)">
-          <rect
-            width={63}
-            height={63}
-            rx={2}
-            transform="matrix(0.866025 -0.5 0.866025 0.5 1 38)"
-            stroke="white"
-            strokeOpacity="0.5"
-            strokeDasharray="3 3"
-          />
-          <path
-            d="M91.066 26L77.2096 34C76.7313 34.2762 76.4922 34.6381 76.4922 35.0001V38.0283C76.5043 38.3807 76.7433 38.731 77.2091 39L91.0655 47C92.0221 47.5523 93.5731 47.5523 94.5296 47L108.386 39C108.864 38.7239 109.103 38.362 109.103 38.0001L109.104 35.0001C109.104 34.6381 108.865 34.2762 108.387 34L94.5301 26C93.5736 25.4477 92.0226 25.4477 91.066 26Z"
-            fill="#030712"
-            stroke="white"
-          />
-          <path
-            d="M53.8274 47.5L39.971 55.5C39.4927 55.7762 39.2536 56.1381 39.2536 56.5001L39.252 59.5001C39.252 59.862 39.4911 60.2239 39.9694 60.5L53.8258 68.5C54.7824 69.0523 56.3333 69.0523 57.2899 68.5L71.1463 60.5C71.6246 60.2239 71.8637 59.862 71.8637 59.5001L71.8654 56.5001C71.8654 56.1381 71.6262 55.7762 71.1479 55.5L57.2915 47.5C56.3349 46.9477 54.784 46.9477 53.8274 47.5Z"
-            fill="#030712"
-          />
-          <path
-            d="M16.5883 26L2.73193 34C2.25362 34.2762 2.01447 34.6381 2.01449 35.0001L2.01367 38.0001C2.01371 38.362 2.25285 38.7239 2.73111 39L16.5875 47C17.5441 47.5523 19.095 47.5523 20.0516 47L33.908 39C34.3863 38.7239 34.6254 38.362 34.6255 38.0001L34.6263 35.0001C34.6263 34.6381 34.3871 34.2762 33.9088 34L20.0524 26C19.0959 25.4477 17.5449 25.4477 16.5883 26Z"
-            fill="#030712"
-          />
-          <path
-            d="M53.8278 4.50027L39.9713 12.5003C39.4931 12.7764 39.254 13.1382 39.2539 13.5001V16.5568C39.2776 16.8997 39.516 17.2385 39.9694 17.5002L53.8258 25.5002C54.7824 26.0525 56.3333 26.0525 57.2899 25.5002L71.1463 17.5002C71.6247 17.224 71.8638 16.862 71.8637 16.5001V13.4437C71.8401 13.1008 71.6016 12.762 71.1483 12.5003L57.2919 4.50027C56.3353 3.94799 54.7843 3.94799 53.8278 4.50027Z"
-            fill="#030712"
-          />
-          <path
-            d="M34.6263 35.0001C34.6263 34.6381 34.3871 34.2762 33.9088 34L20.0524 26C19.0959 25.4477 17.5449 25.4477 16.5883 26L2.73193 34C2.25362 34.2762 2.01447 34.6381 2.01449 35.0001M34.6263 35.0001C34.6263 35.362 34.3871 35.7239 33.9088 36L20.0524 44C19.0959 44.5523 17.5449 44.5523 16.5883 44L2.73193 36C2.25365 35.7239 2.0145 35.362 2.01449 35.0001M34.6263 35.0001L34.6255 38.0001C34.6254 38.362 34.3863 38.7239 33.908 39L20.0516 47C19.095 47.5523 17.5441 47.5523 16.5875 47L2.73111 39C2.25285 38.7239 2.01371 38.362 2.01367 38.0001L2.01449 35.0001"
-            stroke="white"
-          />
-          <path
-            d="M71.8654 56.5001C71.8654 56.1381 71.6262 55.7762 71.1479 55.5L57.2915 47.5C56.3349 46.9477 54.784 46.9477 53.8274 47.5L39.971 55.5C39.4927 55.7762 39.2536 56.1381 39.2536 56.5001M71.8654 56.5001C71.8654 56.862 71.6262 57.2239 71.1479 57.5L57.2915 65.5C56.3349 66.0523 54.784 66.0523 53.8274 65.5L39.971 57.5C39.4927 57.2239 39.2536 56.862 39.2536 56.5001M71.8654 56.5001L71.8637 59.5001C71.8637 59.862 71.6246 60.2239 71.1463 60.5L57.2899 68.5C56.3333 69.0523 54.7824 69.0523 53.8258 68.5L39.9694 60.5C39.4911 60.2239 39.252 59.862 39.252 59.5001L39.2536 56.5001"
-            stroke="white"
-          />
-          <path
-            d="M71.8637 13.4437C71.8401 13.1008 71.6016 12.762 71.1483 12.5003L57.2919 4.50027C56.3353 3.94799 54.7843 3.94799 53.8278 4.50027L39.9713 12.5003C39.4931 12.7764 39.254 13.1382 39.2539 13.5001M71.8637 13.4437C71.89 13.8242 71.6515 14.2097 71.1483 14.5003L57.2919 22.5003C56.3353 23.0526 54.7843 23.0526 53.8278 22.5003L39.9713 14.5003C39.493 14.2241 39.2538 13.8621 39.2539 13.5001M71.8637 13.4437V16.5001C71.8638 16.862 71.6247 17.224 71.1463 17.5002L57.2899 25.5002C56.3333 26.0525 54.7824 26.0525 53.8258 25.5002L39.9694 17.5002C39.516 17.2385 39.2776 16.8997 39.2539 16.5568V13.5001"
-            stroke="white"
-          />
-          <path
-            d="M109.104 35.0001C109.104 34.6381 108.865 34.2762 108.387 34L94.5301 26C93.5735 25.4477 92.0226 25.4477 91.066 26L77.2096 34C76.7313 34.2762 76.4922 34.6381 76.4922 35.0001M109.104 35.0001C109.104 35.362 108.865 35.7239 108.387 36L94.5301 44C93.5735 44.5523 92.0226 44.5523 91.066 44L77.2096 36C76.7313 35.7239 76.4922 35.362 76.4922 35.0001M109.104 35.0001L109.103 38.0001C109.103 38.362 108.864 38.7239 108.386 39L94.5296 47C93.5731 47.5523 92.0221 47.5523 91.0655 47L77.2091 39C76.7433 38.731 76.5043 38.3807 76.4922 38.0283V35.0001"
-            stroke="white"
-          />
-          <path
-            d="M19.1868 32.5001L51.2297 14.0001M51.2297 14.0001V18.0001M51.2297 14.0001H44.3015"
-            stroke="white"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-          <path
-            d="M91.9324 37.5001L59.8894 56.0001M59.8894 56.0001L59.8894 52.0001M59.8894 56.0001L66.8176 56.0001"
-            stroke="white"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-          <path
-            d="M59.8894 14.0001L91.9324 32.5001M91.9324 32.5001L85.0041 32.5001M91.9324 32.5001L91.9324 28.5001"
-            stroke="white"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-          <path
-            d="M51.2297 56.0001L19.1868 37.5001M19.1868 37.5001H26.115M19.1868 37.5001V41.5001"
-            stroke="white"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_408_6111">
-            <rect width={112} height={72} fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-    </>
+    <svg
+      className="text-gray-950 [--site-background:var(--color-white)] dark:text-white dark:[--site-background:var(--color-gray-950)]"
+      width={112}
+      height={72}
+      viewBox="0 0 112 72"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clipPath="url(#clip0_408_5693)">
+        <rect
+          width={63}
+          height={63}
+          rx={2}
+          transform="matrix(0.866025 -0.5 0.866025 0.5 1 38)"
+          stroke="currentColor"
+          strokeOpacity="0.3"
+          strokeDasharray="3 3"
+        />
+        <path
+          d="M91.066 26L77.2096 34C76.7313 34.2762 76.4922 34.6381 76.4922 35.0001V38.0283C76.5043 38.3807 76.7433 38.731 77.2091 39L91.0655 47C92.0221 47.5523 93.5731 47.5523 94.5296 47L108.386 39C108.864 38.7239 109.103 38.362 109.103 38.0001L109.104 35.0001C109.104 34.6381 108.865 34.2762 108.387 34L94.5301 26C93.5736 25.4477 92.0226 25.4477 91.066 26Z"
+          fill="var(--site-background)"
+          stroke="currentColor"
+        />
+        <path
+          d="M53.8274 47.5L39.971 55.5C39.4927 55.7762 39.2536 56.1381 39.2536 56.5001L39.252 59.5001C39.252 59.862 39.4911 60.2239 39.9694 60.5L53.8258 68.5C54.7824 69.0523 56.3333 69.0523 57.2899 68.5L71.1463 60.5C71.6246 60.2239 71.8637 59.862 71.8637 59.5001L71.8654 56.5001C71.8654 56.1381 71.6262 55.7762 71.1479 55.5L57.2915 47.5C56.3349 46.9477 54.784 46.9477 53.8274 47.5Z"
+          fill="var(--site-background)"
+        />
+        <path
+          d="M16.5883 26L2.73193 34C2.25362 34.2762 2.01447 34.6381 2.01449 35.0001L2.01367 38.0001C2.01371 38.362 2.25285 38.7239 2.73111 39L16.5875 47C17.5441 47.5523 19.095 47.5523 20.0516 47L33.908 39C34.3863 38.7239 34.6254 38.362 34.6255 38.0001L34.6263 35.0001C34.6263 34.6381 34.3871 34.2762 33.9088 34L20.0524 26C19.0959 25.4477 17.5449 25.4477 16.5883 26Z"
+          fill="var(--site-background)"
+        />
+        <path
+          d="M53.8278 4.50027L39.9713 12.5003C39.4931 12.7764 39.254 13.1382 39.2539 13.5001V16.5568C39.2776 16.8997 39.516 17.2385 39.9694 17.5002L53.8258 25.5002C54.7824 26.0525 56.3333 26.0525 57.2899 25.5002L71.1463 17.5002C71.6247 17.224 71.8638 16.862 71.8637 16.5001V13.4437C71.8401 13.1008 71.6016 12.762 71.1483 12.5003L57.2919 4.50027C56.3353 3.94799 54.7843 3.94799 53.8278 4.50027Z"
+          fill="var(--site-background)"
+        />
+        <path
+          d="M34.6263 35.0001C34.6263 34.6381 34.3871 34.2762 33.9088 34L20.0524 26C19.0959 25.4477 17.5449 25.4477 16.5883 26L2.73193 34C2.25362 34.2762 2.01447 34.6381 2.01449 35.0001M34.6263 35.0001C34.6263 35.362 34.3871 35.7239 33.9088 36L20.0524 44C19.0959 44.5523 17.5449 44.5523 16.5883 44L2.73193 36C2.25365 35.7239 2.0145 35.362 2.01449 35.0001M34.6263 35.0001L34.6255 38.0001C34.6254 38.362 34.3863 38.7239 33.908 39L20.0516 47C19.095 47.5523 17.5441 47.5523 16.5875 47L2.73111 39C2.25285 38.7239 2.01371 38.362 2.01367 38.0001L2.01449 35.0001"
+          stroke="currentColor"
+        />
+        <path
+          d="M71.8654 56.5001C71.8654 56.1381 71.6262 55.7762 71.1479 55.5L57.2915 47.5C56.3349 46.9477 54.784 46.9477 53.8274 47.5L39.971 55.5C39.4927 55.7762 39.2536 56.1381 39.2536 56.5001M71.8654 56.5001C71.8654 56.862 71.6262 57.2239 71.1479 57.5L57.2915 65.5C56.3349 66.0523 54.784 66.0523 53.8274 65.5L39.971 57.5C39.4927 57.2239 39.2536 56.862 39.2536 56.5001M71.8654 56.5001L71.8637 59.5001C71.8637 59.862 71.6246 60.2239 71.1463 60.5L57.2899 68.5C56.3333 69.0523 54.7824 69.0523 53.8258 68.5L39.9694 60.5C39.4911 60.2239 39.252 59.862 39.252 59.5001L39.2536 56.5001"
+          stroke="currentColor"
+        />
+        <path
+          d="M71.8637 13.4437C71.8401 13.1008 71.6016 12.762 71.1483 12.5003L57.2919 4.50027C56.3353 3.94799 54.7843 3.94799 53.8278 4.50027L39.9713 12.5003C39.4931 12.7764 39.254 13.1382 39.2539 13.5001M71.8637 13.4437C71.89 13.8242 71.6515 14.2097 71.1483 14.5003L57.2919 22.5003C56.3353 23.0526 54.7843 23.0526 53.8278 22.5003L39.9713 14.5003C39.493 14.2241 39.2538 13.8621 39.2539 13.5001M71.8637 13.4437V16.5001C71.8638 16.862 71.6247 17.224 71.1463 17.5002L57.2899 25.5002C56.3333 26.0525 54.7824 26.0525 53.8258 25.5002L39.9694 17.5002C39.516 17.2385 39.2776 16.8997 39.2539 16.5568V13.5001"
+          stroke="currentColor"
+        />
+        <path
+          d="M109.104 35.0001C109.104 34.6381 108.865 34.2762 108.387 34L94.5301 26C93.5735 25.4477 92.0226 25.4477 91.066 26L77.2096 34C76.7313 34.2762 76.4922 34.6381 76.4922 35.0001M109.104 35.0001C109.104 35.362 108.865 35.7239 108.387 36L94.5301 44C93.5735 44.5523 92.0226 44.5523 91.066 44L77.2096 36C76.7313 35.7239 76.4922 35.362 76.4922 35.0001M109.104 35.0001L109.103 38.0001C109.103 38.362 108.864 38.7239 108.386 39L94.5296 47C93.5731 47.5523 92.0221 47.5523 91.0655 47L77.2091 39C76.7433 38.731 76.5043 38.3807 76.4922 38.0283V35.0001"
+          stroke="currentColor"
+        />
+        <path
+          d="M19.1868 32.5001L51.2297 14.0001M51.2297 14.0001V18.0001M51.2297 14.0001H44.3015"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M91.9324 37.5001L59.8894 56.0001M59.8894 56.0001L59.8894 52.0001M59.8894 56.0001L66.8176 56.0001"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M59.8894 14.0001L91.9324 32.5001M91.9324 32.5001L85.0041 32.5001M91.9324 32.5001L91.9324 28.5001"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M51.2297 56.0001L19.1868 37.5001M19.1868 37.5001H26.115M19.1868 37.5001V41.5001"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_408_5693">
+          <rect width={112} height={72} fill="var(--site-background)" />
+        </clipPath>
+      </defs>
+    </svg>
   );
 }
diff --git a/src/components/home/icons/p3-colors-icon.tsx b/src/components/home/icons/p3-colors-icon.tsx
index b0aa66ae0..415b30284 100644
--- a/src/components/home/icons/p3-colors-icon.tsx
+++ b/src/components/home/icons/p3-colors-icon.tsx
@@ -1,387 +1,184 @@
 export function P3ColorsIcon() {
   return (
-    <>
-      <svg
-        className="dark:hidden"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clipPath="url(#clip0_505_21654)">
-          <rect width={112} height={72} fill="white" />
-          <path
-            d="M61.0051 60.7787L108.637 33.2787C109.114 33.0031 109.353 32.6421 109.354 32.2809L109.354 30.2774C109.353 29.9159 109.114 29.5545 108.637 29.2787L96.5122 22.2787C95.5556 21.7264 94.0046 21.7264 93.0481 22.2787L45.4167 49.7787C44.9515 50.0473 44.7125 50.397 44.6998 50.749L44.6998 52.749C44.6863 53.1208 44.9253 53.495 45.4167 53.7787L57.541 60.7787C58.4976 61.331 60.0485 61.331 61.0051 60.7787Z"
-            fill="white"
-          />
-          <path
-            d="M109.352 30.2776C109.351 29.9161 109.112 29.5548 108.635 29.279L96.5102 22.279C95.5536 21.7267 94.0027 21.7267 93.0461 22.279L45.4147 49.779C44.9495 50.0475 44.7105 50.3973 44.6978 50.7492M109.352 30.2776C109.353 30.64 109.113 31.0025 108.635 31.279L61.0032 58.779C60.0466 59.3312 58.4956 59.3312 57.5391 58.779L45.4147 51.779C44.9233 51.4953 44.6844 51.121 44.6978 50.7492M109.352 30.2776L109.352 32.2811C109.351 32.6423 109.112 33.0034 108.635 33.279L61.0032 60.779C60.0466 61.3312 58.4956 61.3312 57.5391 60.779L45.4147 53.779C44.9233 53.4953 44.6844 53.121 44.6978 52.7492L44.6978 50.7492"
-            stroke="black"
-          />
-          <path
-            d="M92.6147 22.5293C92.3755 22.3912 91.9878 22.3912 91.7486 22.5293C91.5095 22.6674 91.5095 22.8912 91.7486 23.0293L92.6147 22.5293ZM91.7486 23.0293L107.337 32.0293L108.203 31.5293L92.6147 22.5293L91.7486 23.0293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M86.5522 26.0293C86.313 25.8912 85.9253 25.8912 85.6861 26.0293C85.447 26.1674 85.447 26.3912 85.6861 26.5293L86.5522 26.0293ZM85.6861 26.5293L101.275 35.5293L102.141 35.0293L86.5522 26.0293L85.6861 26.5293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M83.9545 27.5293C83.7154 27.3912 83.3276 27.3912 83.0885 27.5293C82.8493 27.6674 82.8493 27.8912 83.0885 28.0293L83.9545 27.5293ZM83.0885 28.0293L98.6769 37.0293L99.543 36.5293L83.9545 27.5293L83.0885 28.0293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M75.2943 32.5293C75.0552 32.3912 74.6675 32.3912 74.4283 32.5293C74.1892 32.6674 74.1892 32.8912 74.4283 33.0293L75.2943 32.5293ZM74.4283 33.0293L90.0168 42.0293L90.8828 41.5293L75.2943 32.5293L74.4283 33.0293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M66.6322 37.5293C66.3931 37.3912 66.0054 37.3912 65.7662 37.5293C65.5271 37.6674 65.5271 37.8912 65.7662 38.0293L66.6322 37.5293ZM65.7662 38.0293L81.3547 47.0293L82.2207 46.5293L66.6322 37.5293L65.7662 38.0293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M60.5717 41.0293C60.3325 40.8912 59.9448 40.8912 59.7057 41.0293C59.4665 41.1674 59.4665 41.3912 59.7057 41.5293L60.5717 41.0293ZM59.7057 41.5293L75.2941 50.5293L76.1601 50.0293L60.5717 41.0293L59.7057 41.5293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M57.9721 42.5293C57.7329 42.3912 57.3452 42.3912 57.106 42.5293C56.8669 42.6674 56.8669 42.8912 57.106 43.0293L57.9721 42.5293ZM57.106 43.0293L72.6945 52.0293L73.5605 51.5293L57.9721 42.5293L57.106 43.0293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M51.9115 46.0293C51.6724 45.8912 51.2846 45.8912 51.0455 46.0293C50.8064 46.1674 50.8064 46.3912 51.0455 46.5293L51.9115 46.0293ZM51.0455 46.5293L66.634 55.5293L67.5 55.0293L51.9115 46.0293L51.0455 46.5293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M77.892 31.0293C77.6529 30.8912 77.2651 30.8912 77.026 31.0293C76.7868 31.1674 76.7868 31.3912 77.026 31.5293L77.892 31.0293ZM77.026 31.5293L92.6144 40.5293L93.4805 40.0293L77.892 31.0293L77.026 31.5293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M69.2318 36.0293C68.9927 35.8912 68.605 35.8912 68.3658 36.0293C68.1267 36.1674 68.1267 36.3912 68.3658 36.5293L69.2318 36.0293ZM68.3658 36.5293L83.9543 45.5293L84.8203 45.0293L69.2318 36.0293L68.3658 36.5293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M63.806 57.8106L81.2403 20.2449C81.3094 20.096 81.3347 19.9463 81.3207 19.8003L81.3207 17.8004C81.2637 17.2067 80.5572 16.6751 79.5083 16.5128L62.9461 13.9506C61.6394 13.7485 60.2962 14.1962 59.9461 14.9506L42.5118 52.5163C42.4366 52.6785 42.4133 52.8416 42.4361 52.9998L42.4361 54.9998C42.5195 55.5776 43.218 56.0897 44.2439 56.2484L60.806 58.8106C62.1128 59.0127 63.4559 58.565 63.806 57.8106Z"
-            fill="white"
-          />
-          <path
-            d="M42.5118 54.5163C42.4366 54.6785 42.4133 54.8416 42.4361 54.9998M81.3207 17.8004C81.2637 17.2067 80.5572 16.6751 79.5083 16.5128L62.9461 13.9506C61.6394 13.7485 60.2962 14.1962 59.9461 14.9506L42.5118 52.5163C42.4366 52.6785 42.4133 52.8416 42.4361 52.9998M81.3207 17.8004C81.3347 17.9463 81.3094 18.096 81.2403 18.2449L63.806 55.8106C63.4559 56.565 62.1128 57.0127 60.806 56.8106L44.2439 54.2484C43.218 54.0897 42.5195 53.5776 42.4361 52.9998M81.3207 17.8004L81.3207 19.8003C81.3347 19.9463 81.3094 20.096 81.2403 20.2449L63.806 57.8106C63.4559 58.565 62.1128 59.0127 60.806 58.8106L44.2439 56.2484C43.218 56.0897 42.5195 55.5776 42.4361 54.9998M42.4361 52.9998L42.4361 54.9998"
-            stroke="black"
-          />
-          <path d="M59.627 15.6328L80.9212 18.927" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M57.4082 20.4141L78.7024 23.7083" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M56.457 22.4629L77.7513 25.7571" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M53.2871 29.2932L74.5813 32.5874" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M50.1172 36.1233L71.4114 39.4175" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M47.8984 40.9043L69.1927 44.1985" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M46.9473 42.9534L68.2415 46.2476" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M44.7285 47.7344L66.0227 51.0286" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M54.2383 27.2441L75.5325 30.5384" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M51.0684 34.0742L72.3626 37.3684" stroke="#030712" strokeOpacity="0.3" />
-          <path
-            d="M63.653 55.8955L47.0908 58.4576C45.7841 58.6598 44.441 58.2121 44.0908 57.4576L26.6565 19.8919C26.5957 19.7609 26.5689 19.6292 26.5728 19.5L26.5723 17.5C26.5912 16.8854 27.3082 16.3268 28.388 16.1598L44.9502 13.5976C46.2569 13.3955 47.6 13.8432 47.9502 14.5976L65.3845 52.1633C65.4367 52.2757 65.4638 52.3886 65.468 52.5L65.468 54.4872C65.4695 54.516 65.4695 54.5448 65.468 54.5734C65.4356 55.1809 64.7221 55.7301 63.653 55.8955Z"
-            fill="white"
-          />
-          <path
-            d="M65.3851 54.1634C65.4487 54.3006 65.4752 54.4385 65.468 54.5734M65.468 54.5734C65.4356 55.1809 64.7221 55.7301 63.653 55.8955L47.0908 58.4576C45.7841 58.6598 44.441 58.2121 44.0908 57.4576L26.6565 19.8919C26.5957 19.7609 26.5689 19.6292 26.5728 19.5L26.5723 17.5C26.5912 16.8854 27.3082 16.3268 28.388 16.1598L44.9502 13.5976C46.2569 13.3955 47.6 13.8432 47.9502 14.5976L65.3845 52.1633C65.4367 52.2757 65.4638 52.3886 65.468 52.5L65.468 54.5734Z"
-            stroke="black"
-          />
-          <path
-            d="M65.3854 54.1637C65.4491 54.3008 65.4756 54.4387 65.4684 54.5737M26.5726 17.5002C26.5916 16.8856 27.3086 16.3271 28.3884 16.16L44.9506 13.5979C46.2573 13.3957 47.6004 13.8434 47.9506 14.5979L65.3849 52.1636C65.437 52.276 65.4642 52.3889 65.4684 52.5002M26.5726 17.5002C26.5687 17.6294 26.5955 17.7611 26.6563 17.8921L44.0906 55.4578C44.4408 56.2122 45.7839 56.6599 47.0906 56.4578L63.6528 53.8956C64.7648 53.7236 65.4921 53.1364 65.4684 52.5002M26.5726 17.5002L26.5732 19.5002C26.5692 19.6294 26.5961 19.7611 26.6569 19.8922L44.0912 57.4579C44.4414 58.2123 45.7845 58.66 47.0912 58.4579L63.6534 55.8957C64.7225 55.7303 65.436 55.1811 65.4684 54.5737M65.4684 52.5002L65.4684 54.5737"
-            stroke="black"
-          />
-          <path d="M26.9746 18.5747L48.2688 15.2805" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M29.1953 23.356L50.4895 20.0617" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M30.1445 25.405L51.4388 22.1108" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M33.3145 32.2351L54.6087 28.9409" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M36.4844 39.0652L57.7786 35.771" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M38.7031 43.8462L59.9974 40.552" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M39.6543 45.8953L60.9485 42.601" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M41.873 50.6765L63.1673 47.3823" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M32.3652 30.186L53.6595 26.8918" stroke="#030712" strokeOpacity="0.3" />
-          <path d="M35.5352 37.0161L56.8294 33.7219" stroke="#030712" strokeOpacity="0.3" />
-          <path
-            d="M53.2094 59.2794L65.3338 52.2794C65.8045 52.0076 66.0436 51.6527 66.051 51.2965L66.0515 49.2665C66.0461 48.9089 65.8072 48.5523 65.3346 48.2794L17.7032 20.7794C16.7466 20.2272 15.1957 20.2272 14.2391 20.7794L2.11471 27.7794C1.66285 28.0403 1.42425 28.3778 1.3991 28.7195V30.715C1.36899 31.0981 1.60721 31.4869 2.11392 31.7794L49.7453 59.2794C50.7019 59.8317 52.2528 59.8317 53.2094 59.2794Z"
-            fill="white"
-          />
-          <path
-            d="M1.39715 28.7192C1.4223 28.3775 1.66089 28.0401 2.11276 27.7792L14.2371 20.7792C15.1937 20.2269 16.7446 20.2269 17.7012 20.7792L65.3326 48.2792C65.8052 48.5521 66.0441 48.9087 66.0496 49.2663M1.39715 28.7192C1.36906 29.1009 1.60725 29.4878 2.11197 29.7792L49.7442 57.2792C50.7007 57.8315 52.2517 57.8315 53.2083 57.2792L65.3318 50.2792C65.8158 49.9998 66.0551 49.6325 66.0496 49.2663M1.39715 28.7192V30.7147C1.36704 31.0978 1.60526 31.4867 2.11197 31.7792L49.7434 59.2792C50.6999 59.8315 52.2509 59.8315 53.2075 59.2792L65.3318 52.2792C65.8026 52.0074 66.0417 51.6525 66.0491 51.2963L66.0496 49.2663"
-            stroke="black"
-          />
-          <path
-            d="M19.0039 21.5293C19.243 21.3912 19.243 21.1674 19.0039 21.0293C18.7647 20.8912 18.377 20.8912 18.1379 21.0293L19.0039 21.5293ZM3.41543 30.5293L19.0039 21.5293L18.1379 21.0293L2.54941 30.0293L3.41543 30.5293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M25.0644 25.0293C25.3036 24.8912 25.3036 24.6674 25.0644 24.5293C24.8253 24.3912 24.4376 24.3912 24.1984 24.5293L25.0644 25.0293ZM9.47598 34.0293L25.0644 25.0293L24.1984 24.5293L8.60996 33.5293L9.47598 34.0293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M27.664 26.5293C27.9032 26.3912 27.9032 26.1674 27.664 26.0293C27.4249 25.8912 27.0372 25.8912 26.798 26.0293L27.664 26.5293ZM12.0756 35.5293L27.664 26.5293L26.798 26.0293L11.2096 35.0293L12.0756 35.5293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M36.3242 31.5293C36.5634 31.3912 36.5634 31.1674 36.3242 31.0293C36.0851 30.8912 35.6973 30.8912 35.4582 31.0293L36.3242 31.5293ZM20.7357 40.5293L36.3242 31.5293L35.4582 31.0293L19.8697 40.0293L20.7357 40.5293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M44.9844 36.5293C45.2235 36.3912 45.2235 36.1674 44.9844 36.0293C44.7452 35.8912 44.3575 35.8912 44.1183 36.0293L44.9844 36.5293ZM29.3959 45.5293L44.9844 36.5293L44.1183 36.0293L28.5299 45.0293L29.3959 45.5293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M51.0469 40.0293C51.286 39.8912 51.286 39.6674 51.0469 39.5293C50.8077 39.3912 50.42 39.3912 50.1808 39.5293L51.0469 40.0293ZM35.4584 49.0293L51.0469 40.0293L50.1808 39.5293L34.5924 48.5293L35.4584 49.0293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M53.6445 41.5293C53.8837 41.3912 53.8837 41.1674 53.6445 41.0293C53.4054 40.8912 53.0176 40.8912 52.7785 41.0293L53.6445 41.5293ZM38.0561 50.5293L53.6445 41.5293L52.7785 41.0293L37.19 50.0293L38.0561 50.5293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M59.707 45.0293C59.9462 44.8912 59.9462 44.6674 59.707 44.5293C59.4679 44.3912 59.0801 44.3912 58.841 44.5293L59.707 45.0293ZM44.1186 54.0293L59.707 45.0293L58.841 44.5293L43.2525 53.5293L44.1186 54.0293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M33.7265 30.0293C33.9657 29.8912 33.9657 29.6674 33.7265 29.5293C33.4874 29.3912 33.0997 29.3912 32.8605 29.5293L33.7265 30.0293ZM18.1381 39.0293L33.7265 30.0293L32.8605 29.5293L17.2721 38.5293L18.1381 39.0293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M42.3867 35.0293C42.6259 34.8912 42.6259 34.6674 42.3867 34.5293C42.1476 34.3912 41.7598 34.3912 41.5207 34.5293L42.3867 35.0293ZM26.7982 44.0293L42.3867 35.0293L41.5207 34.5293L25.9322 43.5293L26.7982 44.0293Z"
-            fill="#030712"
-            fillOpacity="0.3"
-          />
-          <circle
-            cx="1.5"
-            cy="1.5"
-            r="1.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 56.6738 49.2793)"
-            stroke="black"
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_505_21654">
-            <rect width={112} height={72} fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-
-      <svg
-        className="hidden dark:block"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clipPath="url(#clip0_516_21727)">
-          <rect width={112} height={72} fill="#030712" />
-          <path
-            d="M61.0051 60.7787L108.637 33.2787C109.114 33.0031 109.353 32.6421 109.354 32.2809L109.354 30.2774C109.353 29.9159 109.114 29.5545 108.637 29.2787L96.5122 22.2787C95.5556 21.7264 94.0046 21.7264 93.0481 22.2787L45.4167 49.7787C44.9515 50.0473 44.7125 50.397 44.6998 50.749L44.6998 52.749C44.6863 53.1208 44.9253 53.495 45.4167 53.7787L57.541 60.7787C58.4976 61.331 60.0485 61.331 61.0051 60.7787Z"
-            fill="#030712"
-            stroke="white"
-          />
-          <path
-            d="M93.0461 22.279C94.0027 21.7267 95.5536 21.7267 96.5102 22.279L108.635 29.279C109.112 29.5548 109.351 29.9161 109.352 30.2776C109.353 30.64 109.113 31.0025 108.635 31.279L61.0032 58.779C60.0466 59.3312 58.4956 59.3312 57.5391 58.779L45.4147 51.779C44.9233 51.4953 44.6844 51.121 44.6978 50.7492C44.7105 50.3973 44.9495 50.0475 45.4147 49.779L93.0461 22.279Z"
-            fill="#030712"
-          />
-          <path
-            d="M109.352 30.2776C109.351 29.9161 109.112 29.5548 108.635 29.279L96.5102 22.279C95.5536 21.7267 94.0027 21.7267 93.0461 22.279L45.4147 49.779C44.9495 50.0475 44.7105 50.3973 44.6978 50.7492M109.352 30.2776C109.353 30.64 109.113 31.0025 108.635 31.279L61.0032 58.779C60.0466 59.3312 58.4956 59.3312 57.5391 58.779L45.4147 51.779C44.9233 51.4953 44.6844 51.121 44.6978 50.7492M109.352 30.2776L109.352 32.2811C109.351 32.6423 109.112 33.0034 108.635 33.279L61.0032 60.779C60.0466 61.3312 58.4956 61.3312 57.5391 60.779L45.4147 53.779C44.9233 53.4953 44.6844 53.121 44.6978 52.7492L44.6978 50.7492"
-            stroke="white"
-          />
-          <path
-            d="M92.6147 22.5293C92.3755 22.3912 91.9878 22.3912 91.7486 22.5293C91.5095 22.6674 91.5095 22.8912 91.7486 23.0293L92.6147 22.5293ZM91.7486 23.0293L107.337 32.0293L108.203 31.5293L92.6147 22.5293L91.7486 23.0293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M86.5522 26.0293C86.313 25.8912 85.9253 25.8912 85.6861 26.0293C85.447 26.1674 85.447 26.3912 85.6861 26.5293L86.5522 26.0293ZM85.6861 26.5293L101.275 35.5293L102.141 35.0293L86.5522 26.0293L85.6861 26.5293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M83.9545 27.5293C83.7154 27.3912 83.3276 27.3912 83.0885 27.5293C82.8493 27.6674 82.8493 27.8912 83.0885 28.0293L83.9545 27.5293ZM83.0885 28.0293L98.6769 37.0293L99.543 36.5293L83.9545 27.5293L83.0885 28.0293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M75.2943 32.5293C75.0552 32.3912 74.6675 32.3912 74.4283 32.5293C74.1892 32.6674 74.1892 32.8912 74.4283 33.0293L75.2943 32.5293ZM74.4283 33.0293L90.0168 42.0293L90.8828 41.5293L75.2943 32.5293L74.4283 33.0293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M66.6322 37.5293C66.3931 37.3912 66.0054 37.3912 65.7662 37.5293C65.5271 37.6674 65.5271 37.8912 65.7662 38.0293L66.6322 37.5293ZM65.7662 38.0293L81.3547 47.0293L82.2207 46.5293L66.6322 37.5293L65.7662 38.0293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M60.5717 41.0293C60.3325 40.8912 59.9448 40.8912 59.7057 41.0293C59.4665 41.1674 59.4665 41.3912 59.7057 41.5293L60.5717 41.0293ZM59.7057 41.5293L75.2941 50.5293L76.1601 50.0293L60.5717 41.0293L59.7057 41.5293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M57.9721 42.5293C57.7329 42.3912 57.3452 42.3912 57.106 42.5293C56.8669 42.6674 56.8669 42.8912 57.106 43.0293L57.9721 42.5293ZM57.106 43.0293L72.6945 52.0293L73.5605 51.5293L57.9721 42.5293L57.106 43.0293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M51.9115 46.0293C51.6724 45.8912 51.2846 45.8912 51.0455 46.0293C50.8064 46.1674 50.8064 46.3912 51.0455 46.5293L51.9115 46.0293ZM51.0455 46.5293L66.634 55.5293L67.5 55.0293L51.9115 46.0293L51.0455 46.5293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M77.892 31.0293C77.6529 30.8912 77.2651 30.8912 77.026 31.0293C76.7868 31.1674 76.7868 31.3912 77.026 31.5293L77.892 31.0293ZM77.026 31.5293L92.6144 40.5293L93.4805 40.0293L77.892 31.0293L77.026 31.5293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M69.2318 36.0293C68.9927 35.8912 68.605 35.8912 68.3658 36.0293C68.1267 36.1674 68.1267 36.3912 68.3658 36.5293L69.2318 36.0293ZM68.3658 36.5293L83.9543 45.5293L84.8203 45.0293L69.2318 36.0293L68.3658 36.5293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M63.806 57.8106L81.2403 20.2449C81.3094 20.096 81.3347 19.9463 81.3207 19.8003L81.3207 17.8004C81.2637 17.2067 80.5572 16.6751 79.5083 16.5128L62.9461 13.9506C61.6394 13.7485 60.2962 14.1962 59.9461 14.9506L42.5118 52.5163C42.4366 52.6785 42.4133 52.8416 42.4361 52.9998L42.4361 54.9998C42.5195 55.5776 43.218 56.0897 44.2439 56.2484L60.806 58.8106C62.1128 59.0127 63.4559 58.565 63.806 57.8106Z"
-            fill="#030712"
-            stroke="white"
-          />
-          <path
-            d="M59.9461 14.9506C60.2962 14.1962 61.6394 13.7485 62.9461 13.9506L79.5083 16.5128C80.5572 16.6751 81.2637 17.2067 81.3207 17.8004C81.3347 17.9463 81.3094 18.096 81.2403 18.2449L63.806 55.8106C63.4559 56.565 62.1128 57.0127 60.806 56.8106L44.2439 54.2484C43.218 54.0897 42.5195 53.5776 42.4361 52.9998C42.4133 52.8416 42.4366 52.6785 42.5118 52.5163L59.9461 14.9506Z"
-            fill="#030712"
-          />
-          <path
-            d="M42.5118 54.5163C42.4366 54.6785 42.4133 54.8416 42.4361 54.9998M81.3207 17.8004C81.2637 17.2067 80.5572 16.6751 79.5083 16.5128L62.9461 13.9506C61.6394 13.7485 60.2962 14.1962 59.9461 14.9506L42.5118 52.5163C42.4366 52.6785 42.4133 52.8416 42.4361 52.9998M81.3207 17.8004C81.3347 17.9463 81.3094 18.096 81.2403 18.2449L63.806 55.8106C63.4559 56.565 62.1128 57.0127 60.806 56.8106L44.2439 54.2484C43.218 54.0897 42.5195 53.5776 42.4361 52.9998M81.3207 17.8004L81.3207 19.8003C81.3347 19.9463 81.3094 20.096 81.2403 20.2449L63.806 57.8106C63.4559 58.565 62.1128 59.0127 60.806 58.8106L44.2439 56.2484C43.218 56.0897 42.5195 55.5776 42.4361 54.9998M42.4361 52.9998L42.4361 54.9998"
-            stroke="white"
-          />
-          <path d="M59.627 15.6328L80.9212 18.927" stroke="white" strokeOpacity="0.3" />
-          <path d="M57.4082 20.4141L78.7024 23.7083" stroke="white" strokeOpacity="0.3" />
-          <path d="M56.457 22.4629L77.7513 25.7571" stroke="white" strokeOpacity="0.3" />
-          <path d="M53.2871 29.2932L74.5813 32.5874" stroke="white" strokeOpacity="0.3" />
-          <path d="M50.1172 36.1233L71.4114 39.4175" stroke="white" strokeOpacity="0.3" />
-          <path d="M47.8984 40.9043L69.1927 44.1985" stroke="white" strokeOpacity="0.3" />
-          <path d="M46.9473 42.9534L68.2415 46.2476" stroke="white" strokeOpacity="0.3" />
-          <path d="M44.7285 47.7344L66.0227 51.0286" stroke="white" strokeOpacity="0.3" />
-          <path d="M54.2383 27.2441L75.5325 30.5384" stroke="white" strokeOpacity="0.3" />
-          <path d="M51.0684 34.0742L72.3626 37.3684" stroke="white" strokeOpacity="0.3" />
-          <path
-            d="M63.653 55.8955L47.0908 58.4576C45.7841 58.6598 44.441 58.2121 44.0908 57.4576L26.6565 19.8919C26.5957 19.7609 26.5689 19.6292 26.5728 19.5L26.5723 17.5C26.5912 16.8854 27.3082 16.3268 28.388 16.1598L44.9502 13.5976C46.2569 13.3955 47.6 13.8432 47.9502 14.5976L65.3845 52.1633C65.4367 52.2757 65.4638 52.3886 65.468 52.5L65.468 54.4872C65.4695 54.516 65.4695 54.5448 65.468 54.5734C65.4356 55.1809 64.7221 55.7301 63.653 55.8955Z"
-            fill="#030712"
-          />
-          <path
-            d="M65.3851 54.1634C65.4487 54.3006 65.4752 54.4385 65.468 54.5734M65.468 54.5734C65.4356 55.1809 64.7221 55.7301 63.653 55.8955L47.0908 58.4576C45.7841 58.6598 44.441 58.2121 44.0908 57.4576L26.6565 19.8919C26.5957 19.7609 26.5689 19.6292 26.5728 19.5L26.5723 17.5C26.5912 16.8854 27.3082 16.3268 28.388 16.1598L44.9502 13.5976C46.2569 13.3955 47.6 13.8432 47.9502 14.5976L65.3845 52.1633C65.4367 52.2757 65.4638 52.3886 65.468 52.5L65.468 54.5734Z"
-            stroke="white"
-          />
-          <path
-            d="M26.6563 17.8921C26.5955 17.7611 26.5687 17.6294 26.5726 17.5002C26.5916 16.8856 27.3086 16.3271 28.3884 16.16L44.9506 13.5979C46.2573 13.3957 47.6004 13.8434 47.9506 14.5979L65.3849 52.1636C65.437 52.276 65.4642 52.3889 65.4684 52.5002C65.4921 53.1364 64.7648 53.7236 63.6528 53.8956L47.0906 56.4578C45.7839 56.6599 44.4408 56.2122 44.0906 55.4578L26.6563 17.8921Z"
-            fill="#030712"
-          />
-          <path
-            d="M65.3854 54.1637C65.4491 54.3008 65.4756 54.4387 65.4684 54.5737M26.5726 17.5002C26.5916 16.8856 27.3086 16.3271 28.3884 16.16L44.9506 13.5979C46.2573 13.3957 47.6004 13.8434 47.9506 14.5979L65.3849 52.1636C65.437 52.276 65.4642 52.3889 65.4684 52.5002M26.5726 17.5002C26.5687 17.6294 26.5955 17.7611 26.6563 17.8921L44.0906 55.4578C44.4408 56.2122 45.7839 56.6599 47.0906 56.4578L63.6528 53.8956C64.7648 53.7236 65.4921 53.1364 65.4684 52.5002M26.5726 17.5002L26.5732 19.5002C26.5692 19.6294 26.5961 19.7611 26.6569 19.8922L44.0912 57.4579C44.4414 58.2123 45.7845 58.66 47.0912 58.4579L63.6534 55.8957C64.7225 55.7303 65.436 55.1811 65.4684 54.5737M65.4684 52.5002L65.4684 54.5737"
-            stroke="white"
-          />
-          <path d="M26.9746 18.5747L48.2688 15.2805" stroke="white" strokeOpacity="0.3" />
-          <path d="M29.1953 23.356L50.4895 20.0617" stroke="white" strokeOpacity="0.3" />
-          <path d="M30.1445 25.405L51.4388 22.1108" stroke="white" strokeOpacity="0.3" />
-          <path d="M33.3145 32.2351L54.6087 28.9409" stroke="white" strokeOpacity="0.3" />
-          <path d="M36.4844 39.0652L57.7786 35.771" stroke="white" strokeOpacity="0.3" />
-          <path d="M38.7031 43.8462L59.9974 40.552" stroke="white" strokeOpacity="0.3" />
-          <path d="M39.6543 45.8953L60.9485 42.601" stroke="white" strokeOpacity="0.3" />
-          <path d="M41.873 50.6765L63.1673 47.3823" stroke="white" strokeOpacity="0.3" />
-          <path d="M32.3652 30.186L53.6595 26.8918" stroke="white" strokeOpacity="0.3" />
-          <path d="M35.5352 37.0161L56.8294 33.7219" stroke="white" strokeOpacity="0.3" />
-          <path
-            d="M53.2094 59.2794L65.3338 52.2794C65.8045 52.0076 66.0436 51.6527 66.051 51.2965L66.0515 49.2665C66.0461 48.9089 65.8072 48.5523 65.3346 48.2794L17.7032 20.7794C16.7466 20.2272 15.1957 20.2272 14.2391 20.7794L2.11471 27.7794C1.66285 28.0403 1.42425 28.3778 1.3991 28.7195V30.715C1.36899 31.0981 1.60721 31.4869 2.11392 31.7794L49.7453 59.2794C50.7019 59.8317 52.2528 59.8317 53.2094 59.2794Z"
-            fill="#030712"
-            stroke="white"
-          />
-          <path
-            d="M2.11197 29.7792C1.60725 29.4878 1.36906 29.1009 1.39715 28.7192C1.4223 28.3775 1.66089 28.0401 2.11276 27.7792L14.2371 20.7792C15.1937 20.2269 16.7446 20.2269 17.7012 20.7792L65.3326 48.2792C65.8052 48.5521 66.0441 48.9087 66.0496 49.2663C66.0551 49.6325 65.8158 49.9998 65.3318 50.2792L53.2083 57.2792C52.2517 57.8315 50.7007 57.8315 49.7442 57.2792L2.11197 29.7792Z"
-            fill="#030712"
-          />
-          <path
-            d="M1.39715 28.7192C1.4223 28.3775 1.66089 28.0401 2.11276 27.7792L14.2371 20.7792C15.1937 20.2269 16.7446 20.2269 17.7012 20.7792L65.3326 48.2792C65.8052 48.5521 66.0441 48.9087 66.0496 49.2663M1.39715 28.7192C1.36906 29.1009 1.60725 29.4878 2.11197 29.7792L49.7442 57.2792C50.7007 57.8315 52.2517 57.8315 53.2083 57.2792L65.3318 50.2792C65.8158 49.9998 66.0551 49.6325 66.0496 49.2663M1.39715 28.7192V30.7147C1.36704 31.0978 1.60526 31.4867 2.11197 31.7792L49.7434 59.2792C50.6999 59.8315 52.2509 59.8315 53.2075 59.2792L65.3318 52.2792C65.8026 52.0074 66.0417 51.6525 66.0491 51.2963L66.0496 49.2663"
-            stroke="white"
-          />
-          <path
-            d="M19.0039 21.5293C19.243 21.3912 19.243 21.1674 19.0039 21.0293C18.7647 20.8912 18.377 20.8912 18.1379 21.0293L19.0039 21.5293ZM3.41543 30.5293L19.0039 21.5293L18.1379 21.0293L2.54941 30.0293L3.41543 30.5293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M25.0644 25.0293C25.3036 24.8912 25.3036 24.6674 25.0644 24.5293C24.8253 24.3912 24.4376 24.3912 24.1984 24.5293L25.0644 25.0293ZM9.47598 34.0293L25.0644 25.0293L24.1984 24.5293L8.60996 33.5293L9.47598 34.0293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M27.664 26.5293C27.9032 26.3912 27.9032 26.1674 27.664 26.0293C27.4249 25.8912 27.0372 25.8912 26.798 26.0293L27.664 26.5293ZM12.0756 35.5293L27.664 26.5293L26.798 26.0293L11.2096 35.0293L12.0756 35.5293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M36.3242 31.5293C36.5634 31.3912 36.5634 31.1674 36.3242 31.0293C36.0851 30.8912 35.6973 30.8912 35.4582 31.0293L36.3242 31.5293ZM20.7357 40.5293L36.3242 31.5293L35.4582 31.0293L19.8697 40.0293L20.7357 40.5293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M44.9844 36.5293C45.2235 36.3912 45.2235 36.1674 44.9844 36.0293C44.7452 35.8912 44.3575 35.8912 44.1183 36.0293L44.9844 36.5293ZM29.3959 45.5293L44.9844 36.5293L44.1183 36.0293L28.5299 45.0293L29.3959 45.5293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M51.0469 40.0293C51.286 39.8912 51.286 39.6674 51.0469 39.5293C50.8077 39.3912 50.42 39.3912 50.1808 39.5293L51.0469 40.0293ZM35.4584 49.0293L51.0469 40.0293L50.1808 39.5293L34.5924 48.5293L35.4584 49.0293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M53.6445 41.5293C53.8837 41.3912 53.8837 41.1674 53.6445 41.0293C53.4054 40.8912 53.0176 40.8912 52.7785 41.0293L53.6445 41.5293ZM38.0561 50.5293L53.6445 41.5293L52.7785 41.0293L37.19 50.0293L38.0561 50.5293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M59.707 45.0293C59.9462 44.8912 59.9462 44.6674 59.707 44.5293C59.4679 44.3912 59.0801 44.3912 58.841 44.5293L59.707 45.0293ZM44.1186 54.0293L59.707 45.0293L58.841 44.5293L43.2525 53.5293L44.1186 54.0293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M33.7265 30.0293C33.9657 29.8912 33.9657 29.6674 33.7265 29.5293C33.4874 29.3912 33.0997 29.3912 32.8605 29.5293L33.7265 30.0293ZM18.1381 39.0293L33.7265 30.0293L32.8605 29.5293L17.2721 38.5293L18.1381 39.0293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <path
-            d="M42.3867 35.0293C42.6259 34.8912 42.6259 34.6674 42.3867 34.5293C42.1476 34.3912 41.7598 34.3912 41.5207 34.5293L42.3867 35.0293ZM26.7982 44.0293L42.3867 35.0293L41.5207 34.5293L25.9322 43.5293L26.7982 44.0293Z"
-            fill="white"
-            fillOpacity="0.3"
-          />
-          <circle
-            cx="1.5"
-            cy="1.5"
-            r="1.5"
-            transform="matrix(0.866025 -0.5 0.866025 0.5 56.6738 49.2793)"
-            fill="#030712"
-            stroke="white"
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_516_21727">
-            <rect width={112} height={72} fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-    </>
+    <svg
+      className="text-gray-950 [--site-background:var(--color-white)] dark:text-white dark:[--site-background:var(--color-gray-950)]"
+      width={112}
+      height={72}
+      viewBox="0 0 112 72"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clipPath="url(#clip0_505_21654)">
+        <rect width={112} height={72} fill="var(--site-background)" />
+        <path
+          d="M61.0051 60.7787L108.637 33.2787C109.114 33.0031 109.353 32.6421 109.354 32.2809L109.354 30.2774C109.353 29.9159 109.114 29.5545 108.637 29.2787L96.5122 22.2787C95.5556 21.7264 94.0046 21.7264 93.0481 22.2787L45.4167 49.7787C44.9515 50.0473 44.7125 50.397 44.6998 50.749L44.6998 52.749C44.6863 53.1208 44.9253 53.495 45.4167 53.7787L57.541 60.7787C58.4976 61.331 60.0485 61.331 61.0051 60.7787Z"
+          fill="var(--site-background)"
+        />
+        <path
+          d="M109.352 30.2776C109.351 29.9161 109.112 29.5548 108.635 29.279L96.5102 22.279C95.5536 21.7267 94.0027 21.7267 93.0461 22.279L45.4147 49.779C44.9495 50.0475 44.7105 50.3973 44.6978 50.7492M109.352 30.2776C109.353 30.64 109.113 31.0025 108.635 31.279L61.0032 58.779C60.0466 59.3312 58.4956 59.3312 57.5391 58.779L45.4147 51.779C44.9233 51.4953 44.6844 51.121 44.6978 50.7492M109.352 30.2776L109.352 32.2811C109.351 32.6423 109.112 33.0034 108.635 33.279L61.0032 60.779C60.0466 61.3312 58.4956 61.3312 57.5391 60.779L45.4147 53.779C44.9233 53.4953 44.6844 53.121 44.6978 52.7492L44.6978 50.7492"
+          stroke="currentColor"
+        />
+        <path
+          d="M92.6147 22.5293C92.3755 22.3912 91.9878 22.3912 91.7486 22.5293C91.5095 22.6674 91.5095 22.8912 91.7486 23.0293L92.6147 22.5293ZM91.7486 23.0293L107.337 32.0293L108.203 31.5293L92.6147 22.5293L91.7486 23.0293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M86.5522 26.0293C86.313 25.8912 85.9253 25.8912 85.6861 26.0293C85.447 26.1674 85.447 26.3912 85.6861 26.5293L86.5522 26.0293ZM85.6861 26.5293L101.275 35.5293L102.141 35.0293L86.5522 26.0293L85.6861 26.5293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M83.9545 27.5293C83.7154 27.3912 83.3276 27.3912 83.0885 27.5293C82.8493 27.6674 82.8493 27.8912 83.0885 28.0293L83.9545 27.5293ZM83.0885 28.0293L98.6769 37.0293L99.543 36.5293L83.9545 27.5293L83.0885 28.0293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M75.2943 32.5293C75.0552 32.3912 74.6675 32.3912 74.4283 32.5293C74.1892 32.6674 74.1892 32.8912 74.4283 33.0293L75.2943 32.5293ZM74.4283 33.0293L90.0168 42.0293L90.8828 41.5293L75.2943 32.5293L74.4283 33.0293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M66.6322 37.5293C66.3931 37.3912 66.0054 37.3912 65.7662 37.5293C65.5271 37.6674 65.5271 37.8912 65.7662 38.0293L66.6322 37.5293ZM65.7662 38.0293L81.3547 47.0293L82.2207 46.5293L66.6322 37.5293L65.7662 38.0293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M60.5717 41.0293C60.3325 40.8912 59.9448 40.8912 59.7057 41.0293C59.4665 41.1674 59.4665 41.3912 59.7057 41.5293L60.5717 41.0293ZM59.7057 41.5293L75.2941 50.5293L76.1601 50.0293L60.5717 41.0293L59.7057 41.5293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M57.9721 42.5293C57.7329 42.3912 57.3452 42.3912 57.106 42.5293C56.8669 42.6674 56.8669 42.8912 57.106 43.0293L57.9721 42.5293ZM57.106 43.0293L72.6945 52.0293L73.5605 51.5293L57.9721 42.5293L57.106 43.0293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M51.9115 46.0293C51.6724 45.8912 51.2846 45.8912 51.0455 46.0293C50.8064 46.1674 50.8064 46.3912 51.0455 46.5293L51.9115 46.0293ZM51.0455 46.5293L66.634 55.5293L67.5 55.0293L51.9115 46.0293L51.0455 46.5293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M77.892 31.0293C77.6529 30.8912 77.2651 30.8912 77.026 31.0293C76.7868 31.1674 76.7868 31.3912 77.026 31.5293L77.892 31.0293ZM77.026 31.5293L92.6144 40.5293L93.4805 40.0293L77.892 31.0293L77.026 31.5293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M69.2318 36.0293C68.9927 35.8912 68.605 35.8912 68.3658 36.0293C68.1267 36.1674 68.1267 36.3912 68.3658 36.5293L69.2318 36.0293ZM68.3658 36.5293L83.9543 45.5293L84.8203 45.0293L69.2318 36.0293L68.3658 36.5293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M63.806 57.8106L81.2403 20.2449C81.3094 20.096 81.3347 19.9463 81.3207 19.8003L81.3207 17.8004C81.2637 17.2067 80.5572 16.6751 79.5083 16.5128L62.9461 13.9506C61.6394 13.7485 60.2962 14.1962 59.9461 14.9506L42.5118 52.5163C42.4366 52.6785 42.4133 52.8416 42.4361 52.9998L42.4361 54.9998C42.5195 55.5776 43.218 56.0897 44.2439 56.2484L60.806 58.8106C62.1128 59.0127 63.4559 58.565 63.806 57.8106Z"
+          fill="var(--site-background)"
+        />
+        <path
+          d="M42.5118 54.5163C42.4366 54.6785 42.4133 54.8416 42.4361 54.9998M81.3207 17.8004C81.2637 17.2067 80.5572 16.6751 79.5083 16.5128L62.9461 13.9506C61.6394 13.7485 60.2962 14.1962 59.9461 14.9506L42.5118 52.5163C42.4366 52.6785 42.4133 52.8416 42.4361 52.9998M81.3207 17.8004C81.3347 17.9463 81.3094 18.096 81.2403 18.2449L63.806 55.8106C63.4559 56.565 62.1128 57.0127 60.806 56.8106L44.2439 54.2484C43.218 54.0897 42.5195 53.5776 42.4361 52.9998M81.3207 17.8004L81.3207 19.8003C81.3347 19.9463 81.3094 20.096 81.2403 20.2449L63.806 57.8106C63.4559 58.565 62.1128 59.0127 60.806 58.8106L44.2439 56.2484C43.218 56.0897 42.5195 55.5776 42.4361 54.9998M42.4361 52.9998L42.4361 54.9998"
+          stroke="currentColor"
+        />
+        <path d="M59.627 15.6328L80.9212 18.927" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M57.4082 20.4141L78.7024 23.7083" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M56.457 22.4629L77.7513 25.7571" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M53.2871 29.2932L74.5813 32.5874" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M50.1172 36.1233L71.4114 39.4175" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M47.8984 40.9043L69.1927 44.1985" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M46.9473 42.9534L68.2415 46.2476" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M44.7285 47.7344L66.0227 51.0286" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M54.2383 27.2441L75.5325 30.5384" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M51.0684 34.0742L72.3626 37.3684" stroke="currentColor" strokeOpacity="0.3" />
+        <path
+          d="M63.653 55.8955L47.0908 58.4576C45.7841 58.6598 44.441 58.2121 44.0908 57.4576L26.6565 19.8919C26.5957 19.7609 26.5689 19.6292 26.5728 19.5L26.5723 17.5C26.5912 16.8854 27.3082 16.3268 28.388 16.1598L44.9502 13.5976C46.2569 13.3955 47.6 13.8432 47.9502 14.5976L65.3845 52.1633C65.4367 52.2757 65.4638 52.3886 65.468 52.5L65.468 54.4872C65.4695 54.516 65.4695 54.5448 65.468 54.5734C65.4356 55.1809 64.7221 55.7301 63.653 55.8955Z"
+          fill="var(--site-background)"
+        />
+        <path
+          d="M65.3851 54.1634C65.4487 54.3006 65.4752 54.4385 65.468 54.5734M65.468 54.5734C65.4356 55.1809 64.7221 55.7301 63.653 55.8955L47.0908 58.4576C45.7841 58.6598 44.441 58.2121 44.0908 57.4576L26.6565 19.8919C26.5957 19.7609 26.5689 19.6292 26.5728 19.5L26.5723 17.5C26.5912 16.8854 27.3082 16.3268 28.388 16.1598L44.9502 13.5976C46.2569 13.3955 47.6 13.8432 47.9502 14.5976L65.3845 52.1633C65.4367 52.2757 65.4638 52.3886 65.468 52.5L65.468 54.5734Z"
+          stroke="currentColor"
+        />
+        <path
+          d="M65.3854 54.1637C65.4491 54.3008 65.4756 54.4387 65.4684 54.5737M26.5726 17.5002C26.5916 16.8856 27.3086 16.3271 28.3884 16.16L44.9506 13.5979C46.2573 13.3957 47.6004 13.8434 47.9506 14.5979L65.3849 52.1636C65.437 52.276 65.4642 52.3889 65.4684 52.5002M26.5726 17.5002C26.5687 17.6294 26.5955 17.7611 26.6563 17.8921L44.0906 55.4578C44.4408 56.2122 45.7839 56.6599 47.0906 56.4578L63.6528 53.8956C64.7648 53.7236 65.4921 53.1364 65.4684 52.5002M26.5726 17.5002L26.5732 19.5002C26.5692 19.6294 26.5961 19.7611 26.6569 19.8922L44.0912 57.4579C44.4414 58.2123 45.7845 58.66 47.0912 58.4579L63.6534 55.8957C64.7225 55.7303 65.436 55.1811 65.4684 54.5737M65.4684 52.5002L65.4684 54.5737"
+          stroke="currentColor"
+        />
+        <path d="M26.9746 18.5747L48.2688 15.2805" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M29.1953 23.356L50.4895 20.0617" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M30.1445 25.405L51.4388 22.1108" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M33.3145 32.2351L54.6087 28.9409" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M36.4844 39.0652L57.7786 35.771" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M38.7031 43.8462L59.9974 40.552" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M39.6543 45.8953L60.9485 42.601" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M41.873 50.6765L63.1673 47.3823" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M32.3652 30.186L53.6595 26.8918" stroke="currentColor" strokeOpacity="0.3" />
+        <path d="M35.5352 37.0161L56.8294 33.7219" stroke="currentColor" strokeOpacity="0.3" />
+        <path
+          d="M53.2094 59.2794L65.3338 52.2794C65.8045 52.0076 66.0436 51.6527 66.051 51.2965L66.0515 49.2665C66.0461 48.9089 65.8072 48.5523 65.3346 48.2794L17.7032 20.7794C16.7466 20.2272 15.1957 20.2272 14.2391 20.7794L2.11471 27.7794C1.66285 28.0403 1.42425 28.3778 1.3991 28.7195V30.715C1.36899 31.0981 1.60721 31.4869 2.11392 31.7794L49.7453 59.2794C50.7019 59.8317 52.2528 59.8317 53.2094 59.2794Z"
+          fill="var(--site-background)"
+        />
+        <path
+          d="M1.39715 28.7192C1.4223 28.3775 1.66089 28.0401 2.11276 27.7792L14.2371 20.7792C15.1937 20.2269 16.7446 20.2269 17.7012 20.7792L65.3326 48.2792C65.8052 48.5521 66.0441 48.9087 66.0496 49.2663M1.39715 28.7192C1.36906 29.1009 1.60725 29.4878 2.11197 29.7792L49.7442 57.2792C50.7007 57.8315 52.2517 57.8315 53.2083 57.2792L65.3318 50.2792C65.8158 49.9998 66.0551 49.6325 66.0496 49.2663M1.39715 28.7192V30.7147C1.36704 31.0978 1.60526 31.4867 2.11197 31.7792L49.7434 59.2792C50.6999 59.8315 52.2509 59.8315 53.2075 59.2792L65.3318 52.2792C65.8026 52.0074 66.0417 51.6525 66.0491 51.2963L66.0496 49.2663"
+          stroke="currentColor"
+        />
+        <path
+          d="M19.0039 21.5293C19.243 21.3912 19.243 21.1674 19.0039 21.0293C18.7647 20.8912 18.377 20.8912 18.1379 21.0293L19.0039 21.5293ZM3.41543 30.5293L19.0039 21.5293L18.1379 21.0293L2.54941 30.0293L3.41543 30.5293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M25.0644 25.0293C25.3036 24.8912 25.3036 24.6674 25.0644 24.5293C24.8253 24.3912 24.4376 24.3912 24.1984 24.5293L25.0644 25.0293ZM9.47598 34.0293L25.0644 25.0293L24.1984 24.5293L8.60996 33.5293L9.47598 34.0293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M27.664 26.5293C27.9032 26.3912 27.9032 26.1674 27.664 26.0293C27.4249 25.8912 27.0372 25.8912 26.798 26.0293L27.664 26.5293ZM12.0756 35.5293L27.664 26.5293L26.798 26.0293L11.2096 35.0293L12.0756 35.5293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M36.3242 31.5293C36.5634 31.3912 36.5634 31.1674 36.3242 31.0293C36.0851 30.8912 35.6973 30.8912 35.4582 31.0293L36.3242 31.5293ZM20.7357 40.5293L36.3242 31.5293L35.4582 31.0293L19.8697 40.0293L20.7357 40.5293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M44.9844 36.5293C45.2235 36.3912 45.2235 36.1674 44.9844 36.0293C44.7452 35.8912 44.3575 35.8912 44.1183 36.0293L44.9844 36.5293ZM29.3959 45.5293L44.9844 36.5293L44.1183 36.0293L28.5299 45.0293L29.3959 45.5293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M51.0469 40.0293C51.286 39.8912 51.286 39.6674 51.0469 39.5293C50.8077 39.3912 50.42 39.3912 50.1808 39.5293L51.0469 40.0293ZM35.4584 49.0293L51.0469 40.0293L50.1808 39.5293L34.5924 48.5293L35.4584 49.0293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M53.6445 41.5293C53.8837 41.3912 53.8837 41.1674 53.6445 41.0293C53.4054 40.8912 53.0176 40.8912 52.7785 41.0293L53.6445 41.5293ZM38.0561 50.5293L53.6445 41.5293L52.7785 41.0293L37.19 50.0293L38.0561 50.5293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M59.707 45.0293C59.9462 44.8912 59.9462 44.6674 59.707 44.5293C59.4679 44.3912 59.0801 44.3912 58.841 44.5293L59.707 45.0293ZM44.1186 54.0293L59.707 45.0293L58.841 44.5293L43.2525 53.5293L44.1186 54.0293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M33.7265 30.0293C33.9657 29.8912 33.9657 29.6674 33.7265 29.5293C33.4874 29.3912 33.0997 29.3912 32.8605 29.5293L33.7265 30.0293ZM18.1381 39.0293L33.7265 30.0293L32.8605 29.5293L17.2721 38.5293L18.1381 39.0293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <path
+          d="M42.3867 35.0293C42.6259 34.8912 42.6259 34.6674 42.3867 34.5293C42.1476 34.3912 41.7598 34.3912 41.5207 34.5293L42.3867 35.0293ZM26.7982 44.0293L42.3867 35.0293L41.5207 34.5293L25.9322 43.5293L26.7982 44.0293Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+        />
+        <circle
+          cx="1.5"
+          cy="1.5"
+          r="1.5"
+          transform="matrix(0.866025 -0.5 0.866025 0.5 56.6738 49.2793)"
+          stroke="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_505_21654">
+          <rect width={112} height={72} fill="var(--site-background)" />
+        </clipPath>
+      </defs>
+    </svg>
   );
 }
diff --git a/src/components/home/icons/responsive-design-icon.tsx b/src/components/home/icons/responsive-design-icon.tsx
index e08c998b5..1bf078e77 100644
--- a/src/components/home/icons/responsive-design-icon.tsx
+++ b/src/components/home/icons/responsive-design-icon.tsx
@@ -1,84 +1,46 @@
 export function ResponsiveDesignIcon() {
   return (
-    <>
-      <svg
-        className="dark:hidden"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M62.3532 62.3285L94.3961 43.8285C95.5919 43.1382 96.1897 42.2333 96.1897 41.3285L96.1898 38.3285C96.1898 37.4237 95.5919 36.5189 94.3962 35.8285L48.4968 9.3285C46.1054 7.94779 42.228 7.94779 39.8366 9.3285L7.79365 27.8285C6.59792 28.5189 6.00005 29.4237 6.00005 30.3285V33.3427C6.00625 34.2428 6.6041 35.1418 7.7936 35.8285L53.6929 62.3285C56.0844 63.7092 59.9617 63.7092 62.3532 62.3285Z"
-          fill="white"
-        />
-        <path
-          d="M7.7936 32.8285C6.59786 32.1381 5.99999 31.2333 6 30.3285C6.00001 29.4237 6.59787 28.5189 7.7936 27.8285L39.8365 9.3285C42.228 7.94779 46.1053 7.94779 48.4968 9.3285L94.3961 35.8285C95.5919 36.5189 96.1897 37.4237 96.1897 38.3285C96.1897 39.2333 95.5919 40.1381 94.3961 40.8285L62.3532 59.3285C59.9617 60.7092 56.0844 60.7092 53.6929 59.3285L7.7936 32.8285Z"
-          fill="white"
-        />
-        <path
-          d="M6 30.3285C6.00001 29.4237 6.59787 28.5189 7.7936 27.8285L39.8365 9.3285C42.228 7.94779 46.1053 7.94779 48.4968 9.3285L94.3961 35.8285C95.5919 36.5189 96.1897 37.4237 96.1897 38.3285M6 30.3285C5.99999 31.2333 6.59786 32.1381 7.7936 32.8285L53.6929 59.3285C56.0844 60.7092 59.9617 60.7092 62.3532 59.3285L94.3961 40.8285C95.5919 40.1381 96.1897 39.2333 96.1897 38.3285M6 30.3285V33.3427C6.0062 34.2428 6.60405 35.1418 7.79355 35.8285L53.6929 62.3285C56.0844 63.7092 59.9617 63.7092 62.3531 62.3285L94.3961 43.8285C95.5918 43.1382 96.1897 42.2333 96.1897 41.3285L96.1897 38.3285"
-          stroke="#030712"
-        />
-        <path
-          d="M10.3922 31.3281C9.43562 30.7758 9.43562 29.8804 10.3922 29.3281L42.4351 10.8281C43.3917 10.2758 44.9427 10.2758 45.8992 10.8281L91.7986 37.3281C92.7552 37.8804 92.7552 38.7758 91.7986 39.3281L59.7557 57.8281C58.7991 58.3804 57.2481 58.3804 56.2916 57.8281L10.3922 31.3281Z"
-          fill="white"
-          stroke="#030712"
-          strokeOpacity="0.3"
-        />
-        <path
-          d="M91.1283 42.8285L104.119 35.3285C105.075 34.7762 105.554 34.0523 105.554 33.3284L105.554 30.3284C105.554 29.6046 105.075 28.8807 104.119 28.3284L70.3437 8.82843C68.4306 7.72386 65.3287 7.72386 63.4155 8.82843L50.4252 16.3284C49.4686 16.8807 48.9903 17.6046 48.9903 18.3284L48.9902 21.3284C48.9902 22.0523 49.4685 22.7762 50.4251 23.3285L84.2001 42.8285C86.1133 43.933 89.2151 43.933 91.1283 42.8285Z"
-          fill="white"
-        />
-        <path
-          d="M105.554 30.3284C105.554 29.6046 105.075 28.8807 104.119 28.3284L70.3437 8.82843C68.4306 7.72386 65.3287 7.72386 63.4155 8.82843L50.4252 16.3284C49.4686 16.8807 48.9903 17.6046 48.9903 18.3284M105.554 30.3284C105.554 31.0523 105.075 31.7761 104.119 32.3284L91.1284 39.8284C89.2152 40.933 86.1133 40.933 84.2001 39.8284L50.4252 20.3284C49.4686 19.7761 48.9903 19.0523 48.9903 18.3284M105.554 30.3284L105.554 33.3284C105.554 34.0523 105.075 34.7762 104.119 35.3285L91.1283 42.8285C89.2151 43.933 86.1133 43.933 84.2001 42.8285L50.4251 23.3285C49.4685 22.7762 48.9902 22.0523 48.9902 21.3284L48.9903 18.3284"
-          stroke="#030712"
-        />
-        <rect
-          width={6}
-          height={2}
-          rx={1}
-          transform="matrix(0.866025 -0.5 0.866025 0.5 56.4883 15.3281)"
-          fill="#030712"
-        />
-      </svg>
-      <svg
-        className="hidden dark:block"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M62.3532 62.3285L94.3961 43.8285C95.5919 43.1382 96.1897 42.2333 96.1897 41.3285L96.1898 38.3285C96.1898 37.4237 95.5919 36.5189 94.3962 35.8285L48.4968 9.3285C46.1054 7.94779 42.228 7.94779 39.8366 9.3285L7.79365 27.8285C6.59792 28.5189 6.00005 29.4237 6.00005 30.3285V33.3427C6.00625 34.2428 6.6041 35.1418 7.7936 35.8285L53.6929 62.3285C56.0844 63.7092 59.9617 63.7092 62.3532 62.3285Z"
-          fill="#030712"
-        />
-        <path
-          d="M7.7936 32.8285C6.59786 32.1381 5.99999 31.2333 6 30.3285C6.00001 29.4237 6.59787 28.5189 7.7936 27.8285L39.8365 9.3285C42.228 7.94779 46.1053 7.94779 48.4968 9.3285L94.3961 35.8285C95.5919 36.5189 96.1897 37.4237 96.1897 38.3285C96.1897 39.2333 95.5919 40.1381 94.3961 40.8285L62.3532 59.3285C59.9617 60.7092 56.0844 60.7092 53.6929 59.3285L7.7936 32.8285Z"
-          fill="#030712"
-        />
-        <path
-          d="M6 30.3285C6.00001 29.4237 6.59787 28.5189 7.7936 27.8285L39.8365 9.3285C42.228 7.94779 46.1053 7.94779 48.4968 9.3285L94.3961 35.8285C95.5919 36.5189 96.1897 37.4237 96.1897 38.3285M6 30.3285C5.99999 31.2333 6.59786 32.1381 7.7936 32.8285L53.6929 59.3285C56.0844 60.7092 59.9617 60.7092 62.3532 59.3285L94.3961 40.8285C95.5919 40.1381 96.1897 39.2333 96.1897 38.3285M6 30.3285V33.3427C6.0062 34.2428 6.60405 35.1418 7.79355 35.8285L53.6929 62.3285C56.0844 63.7092 59.9617 63.7092 62.3531 62.3285L94.3961 43.8285C95.5918 43.1382 96.1897 42.2333 96.1897 41.3285L96.1897 38.3285"
-          stroke="white"
-        />
-        <path
-          d="M10.3922 31.3281C9.43562 30.7758 9.43562 29.8804 10.3922 29.3281L42.4351 10.8281C43.3917 10.2758 44.9427 10.2758 45.8992 10.8281L91.7986 37.3281C92.7552 37.8804 92.7552 38.7758 91.7986 39.3281L59.7557 57.8281C58.7991 58.3804 57.2481 58.3804 56.2916 57.8281L10.3922 31.3281Z"
-          fill="#030712"
-          stroke="white"
-          strokeOpacity="0.3"
-        />
-        <path
-          d="M91.1283 42.8285L104.119 35.3285C105.075 34.7762 105.554 34.0523 105.554 33.3284L105.554 30.3284C105.554 29.6046 105.075 28.8807 104.119 28.3284L70.3437 8.82843C68.4306 7.72386 65.3287 7.72386 63.4155 8.82843L50.4252 16.3284C49.4686 16.8807 48.9903 17.6046 48.9903 18.3284L48.9902 21.3284C48.9902 22.0523 49.4685 22.7762 50.4251 23.3285L84.2001 42.8285C86.1133 43.933 89.2151 43.933 91.1283 42.8285Z"
-          fill="#030712"
-        />
-        <path
-          d="M105.554 30.3284C105.554 29.6046 105.075 28.8807 104.119 28.3284L70.3437 8.82843C68.4306 7.72386 65.3287 7.72386 63.4155 8.82843L50.4252 16.3284C49.4686 16.8807 48.9903 17.6046 48.9903 18.3284M105.554 30.3284C105.554 31.0523 105.075 31.7761 104.119 32.3284L91.1284 39.8284C89.2152 40.933 86.1133 40.933 84.2001 39.8284L50.4252 20.3284C49.4686 19.7761 48.9903 19.0523 48.9903 18.3284M105.554 30.3284L105.554 33.3284C105.554 34.0523 105.075 34.7762 104.119 35.3285L91.1283 42.8285C89.2151 43.933 86.1133 43.933 84.2001 42.8285L50.4251 23.3285C49.4685 22.7762 48.9902 22.0523 48.9902 21.3284L48.9903 18.3284"
-          stroke="white"
-        />
-        <rect width={6} height={2} rx={1} transform="matrix(0.866025 -0.5 0.866025 0.5 56.4883 15.3281)" fill="white" />
-      </svg>
-    </>
+    <svg
+      className="text-gray-950 [--site-background:var(--color-white)] dark:text-white dark:[--site-background:var(--color-gray-950)]"
+      width={112}
+      height={72}
+      viewBox="0 0 112 72"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M62.3532 62.3285L94.3961 43.8285C95.5919 43.1382 96.1897 42.2333 96.1897 41.3285L96.1898 38.3285C96.1898 37.4237 95.5919 36.5189 94.3962 35.8285L48.4968 9.3285C46.1054 7.94779 42.228 7.94779 39.8366 9.3285L7.79365 27.8285C6.59792 28.5189 6.00005 29.4237 6.00005 30.3285V33.3427C6.00625 34.2428 6.6041 35.1418 7.7936 35.8285L53.6929 62.3285C56.0844 63.7092 59.9617 63.7092 62.3532 62.3285Z"
+        fill="var(--site-background)"
+      />
+      <path
+        d="M7.7936 32.8285C6.59786 32.1381 5.99999 31.2333 6 30.3285C6.00001 29.4237 6.59787 28.5189 7.7936 27.8285L39.8365 9.3285C42.228 7.94779 46.1053 7.94779 48.4968 9.3285L94.3961 35.8285C95.5919 36.5189 96.1897 37.4237 96.1897 38.3285C96.1897 39.2333 95.5919 40.1381 94.3961 40.8285L62.3532 59.3285C59.9617 60.7092 56.0844 60.7092 53.6929 59.3285L7.7936 32.8285Z"
+        fill="var(--site-background)"
+      />
+      <path
+        d="M6 30.3285C6.00001 29.4237 6.59787 28.5189 7.7936 27.8285L39.8365 9.3285C42.228 7.94779 46.1053 7.94779 48.4968 9.3285L94.3961 35.8285C95.5919 36.5189 96.1897 37.4237 96.1897 38.3285M6 30.3285C5.99999 31.2333 6.59786 32.1381 7.7936 32.8285L53.6929 59.3285C56.0844 60.7092 59.9617 60.7092 62.3532 59.3285L94.3961 40.8285C95.5919 40.1381 96.1897 39.2333 96.1897 38.3285M6 30.3285V33.3427C6.0062 34.2428 6.60405 35.1418 7.79355 35.8285L53.6929 62.3285C56.0844 63.7092 59.9617 63.7092 62.3531 62.3285L94.3961 43.8285C95.5918 43.1382 96.1897 42.2333 96.1897 41.3285L96.1897 38.3285"
+        stroke="currentColor"
+      />
+      <path
+        d="M10.3922 31.3281C9.43562 30.7758 9.43562 29.8804 10.3922 29.3281L42.4351 10.8281C43.3917 10.2758 44.9427 10.2758 45.8992 10.8281L91.7986 37.3281C92.7552 37.8804 92.7552 38.7758 91.7986 39.3281L59.7557 57.8281C58.7991 58.3804 57.2481 58.3804 56.2916 57.8281L10.3922 31.3281Z"
+        fill="var(--site-background)"
+        stroke="currentColor"
+        strokeOpacity="0.3"
+      />
+      <path
+        d="M91.1283 42.8285L104.119 35.3285C105.075 34.7762 105.554 34.0523 105.554 33.3284L105.554 30.3284C105.554 29.6046 105.075 28.8807 104.119 28.3284L70.3437 8.82843C68.4306 7.72386 65.3287 7.72386 63.4155 8.82843L50.4252 16.3284C49.4686 16.8807 48.9903 17.6046 48.9903 18.3284L48.9902 21.3284C48.9902 22.0523 49.4685 22.7762 50.4251 23.3285L84.2001 42.8285C86.1133 43.933 89.2151 43.933 91.1283 42.8285Z"
+        fill="var(--site-background)"
+      />
+      <path
+        d="M105.554 30.3284C105.554 29.6046 105.075 28.8807 104.119 28.3284L70.3437 8.82843C68.4306 7.72386 65.3287 7.72386 63.4155 8.82843L50.4252 16.3284C49.4686 16.8807 48.9903 17.6046 48.9903 18.3284M105.554 30.3284C105.554 31.0523 105.075 31.7761 104.119 32.3284L91.1284 39.8284C89.2152 40.933 86.1133 40.933 84.2001 39.8284L50.4252 20.3284C49.4686 19.7761 48.9903 19.0523 48.9903 18.3284M105.554 30.3284L105.554 33.3284C105.554 34.0523 105.075 34.7762 104.119 35.3285L91.1283 42.8285C89.2151 43.933 86.1133 43.933 84.2001 42.8285L50.4251 23.3285C49.4685 22.7762 48.9902 22.0523 48.9902 21.3284L48.9903 18.3284"
+        stroke="currentColor"
+      />
+      <rect
+        width={6}
+        height={2}
+        rx={1}
+        transform="matrix(0.866025 -0.5 0.866025 0.5 56.4883 15.3281)"
+        fill="currentColor"
+      />
+    </svg>
   );
 }
diff --git a/src/components/home/icons/transitions-and-animations-icon.tsx b/src/components/home/icons/transitions-and-animations-icon.tsx
index 8e3d39fb5..af80e0201 100644
--- a/src/components/home/icons/transitions-and-animations-icon.tsx
+++ b/src/components/home/icons/transitions-and-animations-icon.tsx
@@ -1,124 +1,63 @@
 export function TransitionsAndAnimationsIcon() {
   return (
-    <>
-      <svg
-        className="dark:hidden"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clipPath="url(#clip0_408_5765)">
-          <path
-            d="M11.3887 58.234C11.3887 59.5912 12.2855 60.9484 14.0791 61.984C17.6663 64.055 23.4823 64.055 27.0694 61.984C28.863 60.9484 29.7598 59.5912 29.7598 58.234M11.3887 58.234C11.3887 56.8767 12.2855 55.5195 14.0791 54.484C17.6663 52.4129 23.4823 52.4129 27.0694 54.484C28.8631 55.5195 29.7598 56.8767 29.7598 58.234M11.3887 58.234V61.234C11.3887 62.5912 12.2855 63.9484 14.0791 64.984C17.6663 67.055 23.4823 67.055 27.0694 64.984C28.863 63.9484 29.7598 62.5912 29.7598 61.234V58.234"
-            stroke="#030712"
-            strokeOpacity="0.2"
-          />
-          <path
-            d="M44.3896 44.484C38.8892 41.3084 29.9714 41.3084 24.471 44.484C21.7208 46.0718 20.3457 48.1529 20.3458 50.234L20.3457 53.234C20.3457 55.3151 21.7208 57.3962 24.471 58.984C29.9713 62.1597 38.8892 62.1597 44.3896 58.984C47.1397 57.3962 48.5148 55.3151 48.5148 53.234V50.2555C48.5243 48.1673 47.1493 46.0773 44.3896 44.484Z"
-            fill="white"
-            fillOpacity="0.4"
-          />
-          <path
-            d="M20.3458 50.234C20.3458 52.3151 21.7208 54.3962 24.471 55.984C29.9714 59.1597 38.8892 59.1597 44.3896 55.984C47.1303 54.4017 48.5054 52.3294 48.5148 50.2555M20.3458 50.234C20.3457 48.1529 21.7208 46.0718 24.471 44.484C29.9714 41.3084 38.8892 41.3084 44.3896 44.484C47.1493 46.0773 48.5243 48.1673 48.5148 50.2555M20.3458 50.234L20.3457 53.234C20.3457 55.3151 21.7208 57.3962 24.471 58.984C29.9713 62.1597 38.8892 62.1597 44.3896 58.984C47.1397 57.3962 48.5148 55.3151 48.5148 53.234V50.2555"
-            stroke="#030712"
-            strokeOpacity="0.4"
-          />
-          <path
-            d="M61.7097 34.484C54.2962 30.2038 42.2765 30.2038 34.8629 34.484C31.1562 36.6241 29.3028 39.429 29.3028 42.234L29.3027 45.234C29.3027 48.0389 31.1561 50.8439 34.8629 52.984C42.2764 57.2642 54.2961 57.2642 61.7097 52.984C65.4164 50.8439 67.2698 48.0389 67.2698 45.234V42.2104C67.2595 39.4133 65.4061 36.6181 61.7097 34.484Z"
-            fill="white"
-            fillOpacity="0.6"
-          />
-          <path
-            d="M29.3028 42.234C29.3028 45.0389 31.1562 47.8439 34.8629 49.984C42.2765 54.2642 54.2962 54.2642 61.7097 49.984C65.4269 47.8379 67.2802 45.0232 67.2698 42.2104M29.3028 42.234C29.3028 39.429 31.1562 36.6241 34.8629 34.484C42.2765 30.2038 54.2962 30.2038 61.7097 34.484C65.4061 36.6181 67.2595 39.4133 67.2698 42.2104M29.3028 42.234L29.3027 45.234C29.3027 48.0389 31.1561 50.8439 34.8629 52.984C42.2764 57.2642 54.2961 57.2642 61.7097 52.984C65.4164 50.8439 67.2698 48.0389 67.2698 45.234V42.2104"
-            stroke="#030712"
-            strokeOpacity="0.6"
-          />
-          <path
-            d="M79.0318 24.484C69.7051 19.0992 54.5835 19.0992 45.2568 24.484C40.5934 27.1764 38.2618 30.7052 38.2618 34.234L38.2617 37.234C38.2617 40.7628 40.5934 44.2916 45.2567 46.984C54.5835 52.3688 69.705 52.3688 79.0317 46.984C83.6951 44.2916 86.0268 40.7628 86.0268 37.234L86.0268 34.234C86.0268 30.7052 83.6951 27.1764 79.0318 24.484Z"
-            fill="white"
-            fillOpacity="0.8"
-          />
-          <path
-            d="M38.2618 34.234C38.2618 37.7628 40.5934 41.2916 45.2568 43.984C54.5835 49.3688 69.7051 49.3688 79.0318 43.984C83.6951 41.2916 86.0268 37.7628 86.0268 34.234M38.2618 34.234C38.2618 30.7052 40.5934 27.1764 45.2568 24.484C54.5835 19.0992 69.7051 19.0992 79.0318 24.484C83.6951 27.1764 86.0268 30.7052 86.0268 34.234M38.2618 34.234L38.2617 37.234C38.2617 40.7628 40.5934 44.2916 45.2567 46.984C54.5835 52.3688 69.705 52.3688 79.0317 46.984C83.6951 44.2916 86.0268 40.7628 86.0268 37.234L86.0268 34.234"
-            stroke="#030712"
-            strokeOpacity="0.8"
-          />
-          <path
-            d="M55.6487 37.9841C66.8885 44.4734 85.112 44.4734 96.3519 37.9841C101.972 34.7394 104.782 30.4867 104.782 26.2341L104.782 23.2341C104.782 18.9814 101.972 14.7287 96.3518 11.4841C85.112 4.99473 66.8885 4.99473 55.6487 11.4841C50.0287 14.7287 47.2188 18.9814 47.2188 23.2341L47.2188 26.2341C47.2188 30.4867 50.0287 34.7394 55.6487 37.9841Z"
-            fill="white"
-          />
-          <path
-            d="M104.782 23.2341C104.782 18.9814 101.972 14.7287 96.3518 11.4841C85.112 4.99473 66.8885 4.99473 55.6487 11.4841C50.0287 14.7287 47.2188 18.9814 47.2188 23.2341M104.782 23.2341C104.782 27.4867 101.972 31.7394 96.3518 34.9841C85.112 41.4734 66.8885 41.4734 55.6487 34.9841C50.0287 31.7394 47.2187 27.4867 47.2188 23.2341M104.782 23.2341L104.782 26.2341C104.782 30.4867 101.972 34.7394 96.3519 37.9841C85.112 44.4734 66.8885 44.4734 55.6487 37.9841C50.0287 34.7394 47.2188 30.4867 47.2188 26.2341L47.2188 23.2341"
-            stroke="#030712"
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_408_5765">
-            <rect width={112} height={72} fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-      <svg
-        className="hidden dark:block"
-        width={112}
-        height={72}
-        viewBox="0 0 112 72"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clipPath="url(#clip0_408_6078)">
-          <path
-            d="M11.3887 58.234C11.3887 59.5912 12.2855 60.9484 14.0791 61.984C17.6663 64.055 23.4823 64.055 27.0694 61.984C28.863 60.9484 29.7598 59.5912 29.7598 58.234M11.3887 58.234C11.3887 56.8767 12.2855 55.5195 14.0791 54.484C17.6663 52.4129 23.4823 52.4129 27.0694 54.484C28.8631 55.5195 29.7598 56.8767 29.7598 58.234M11.3887 58.234V61.234C11.3887 62.5912 12.2855 63.9484 14.0791 64.984C17.6663 67.055 23.4823 67.055 27.0694 64.984C28.863 63.9484 29.7598 62.5912 29.7598 61.234V58.234"
-            stroke="#030712"
-            strokeOpacity="0.2"
-          />
-          <path
-            d="M44.3896 44.484C38.8892 41.3084 29.9714 41.3084 24.471 44.484C21.7208 46.0718 20.3457 48.1529 20.3458 50.234L20.3457 53.234C20.3457 55.3151 21.7208 57.3962 24.471 58.984C29.9713 62.1597 38.8892 62.1597 44.3896 58.984C47.1397 57.3962 48.5148 55.3151 48.5148 53.234V50.2555C48.5243 48.1673 47.1493 46.0773 44.3896 44.484Z"
-            fill="#030712"
-            fillOpacity="0.4"
-          />
-          <path
-            d="M20.3458 50.234C20.3458 52.3151 21.7208 54.3962 24.471 55.984C29.9714 59.1597 38.8892 59.1597 44.3896 55.984C47.1303 54.4017 48.5054 52.3294 48.5148 50.2555M20.3458 50.234C20.3457 48.1529 21.7208 46.0718 24.471 44.484C29.9714 41.3084 38.8892 41.3084 44.3896 44.484C47.1493 46.0773 48.5243 48.1673 48.5148 50.2555M20.3458 50.234L20.3457 53.234C20.3457 55.3151 21.7208 57.3962 24.471 58.984C29.9713 62.1597 38.8892 62.1597 44.3896 58.984C47.1397 57.3962 48.5148 55.3151 48.5148 53.234V50.2555"
-            stroke="white"
-            strokeOpacity="0.4"
-          />
-          <path
-            d="M61.7097 34.484C54.2962 30.2038 42.2765 30.2038 34.8629 34.484C31.1562 36.6241 29.3028 39.429 29.3028 42.234L29.3027 45.234C29.3027 48.0389 31.1561 50.8439 34.8629 52.984C42.2764 57.2642 54.2961 57.2642 61.7097 52.984C65.4164 50.8439 67.2698 48.0389 67.2698 45.234V42.2104C67.2595 39.4133 65.4061 36.6181 61.7097 34.484Z"
-            fill="#030712"
-            fillOpacity="0.6"
-          />
-          <path
-            d="M29.3028 42.234C29.3028 45.0389 31.1562 47.8439 34.8629 49.984C42.2765 54.2642 54.2962 54.2642 61.7097 49.984C65.4269 47.8379 67.2802 45.0232 67.2698 42.2104M29.3028 42.234C29.3028 39.429 31.1562 36.6241 34.8629 34.484C42.2765 30.2038 54.2962 30.2038 61.7097 34.484C65.4061 36.6181 67.2595 39.4133 67.2698 42.2104M29.3028 42.234L29.3027 45.234C29.3027 48.0389 31.1561 50.8439 34.8629 52.984C42.2764 57.2642 54.2961 57.2642 61.7097 52.984C65.4164 50.8439 67.2698 48.0389 67.2698 45.234V42.2104"
-            stroke="white"
-            strokeOpacity="0.6"
-          />
-          <path
-            d="M79.0318 24.484C69.7051 19.0992 54.5835 19.0992 45.2568 24.484C40.5934 27.1764 38.2618 30.7052 38.2618 34.234L38.2617 37.234C38.2617 40.7628 40.5934 44.2916 45.2567 46.984C54.5835 52.3688 69.705 52.3688 79.0317 46.984C83.6951 44.2916 86.0268 40.7628 86.0268 37.234L86.0268 34.234C86.0268 30.7052 83.6951 27.1764 79.0318 24.484Z"
-            fill="#030712"
-            fillOpacity="0.8"
-          />
-          <path
-            d="M38.2618 34.234C38.2618 37.7628 40.5934 41.2916 45.2568 43.984C54.5835 49.3688 69.7051 49.3688 79.0318 43.984C83.6951 41.2916 86.0268 37.7628 86.0268 34.234M38.2618 34.234C38.2618 30.7052 40.5934 27.1764 45.2568 24.484C54.5835 19.0992 69.7051 19.0992 79.0318 24.484C83.6951 27.1764 86.0268 30.7052 86.0268 34.234M38.2618 34.234L38.2617 37.234C38.2617 40.7628 40.5934 44.2916 45.2567 46.984C54.5835 52.3688 69.705 52.3688 79.0317 46.984C83.6951 44.2916 86.0268 40.7628 86.0268 37.234L86.0268 34.234"
-            stroke="white"
-            strokeOpacity="0.8"
-          />
-          <path
-            d="M55.6487 37.9841C66.8885 44.4734 85.112 44.4734 96.3519 37.9841C101.972 34.7394 104.782 30.4867 104.782 26.2341L104.782 23.2341C104.782 18.9814 101.972 14.7287 96.3518 11.4841C85.112 4.99473 66.8885 4.99473 55.6487 11.4841C50.0287 14.7287 47.2188 18.9814 47.2188 23.2341L47.2188 26.2341C47.2188 30.4867 50.0287 34.7394 55.6487 37.9841Z"
-            fill="#030712"
-          />
-          <path
-            d="M104.782 23.2341C104.782 18.9814 101.972 14.7287 96.3518 11.4841C85.112 4.99473 66.8885 4.99473 55.6487 11.4841C50.0287 14.7287 47.2188 18.9814 47.2188 23.2341M104.782 23.2341C104.782 27.4867 101.972 31.7394 96.3518 34.9841C85.112 41.4734 66.8885 41.4734 55.6487 34.9841C50.0287 31.7394 47.2187 27.4867 47.2188 23.2341M104.782 23.2341L104.782 26.2341C104.782 30.4867 101.972 34.7394 96.3519 37.9841C85.112 44.4734 66.8885 44.4734 55.6487 37.9841C50.0287 34.7394 47.2188 30.4867 47.2188 26.2341L47.2188 23.2341"
-            stroke="white"
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_408_6078">
-            <rect width={112} height={72} fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-    </>
+    <svg
+      className="text-gray-950 [--site-background:var(--color-white)] dark:text-white dark:[--site-background:var(--color-gray-950)]"
+      width={112}
+      height={72}
+      viewBox="0 0 112 72"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clipPath="url(#clip0_408_5765)">
+        <path
+          d="M11.3887 58.234C11.3887 59.5912 12.2855 60.9484 14.0791 61.984C17.6663 64.055 23.4823 64.055 27.0694 61.984C28.863 60.9484 29.7598 59.5912 29.7598 58.234M11.3887 58.234C11.3887 56.8767 12.2855 55.5195 14.0791 54.484C17.6663 52.4129 23.4823 52.4129 27.0694 54.484C28.8631 55.5195 29.7598 56.8767 29.7598 58.234M11.3887 58.234V61.234C11.3887 62.5912 12.2855 63.9484 14.0791 64.984C17.6663 67.055 23.4823 67.055 27.0694 64.984C28.863 63.9484 29.7598 62.5912 29.7598 61.234V58.234"
+          stroke="currentColor"
+          strokeOpacity="0.2"
+        />
+        <path
+          d="M44.3896 44.484C38.8892 41.3084 29.9714 41.3084 24.471 44.484C21.7208 46.0718 20.3457 48.1529 20.3458 50.234L20.3457 53.234C20.3457 55.3151 21.7208 57.3962 24.471 58.984C29.9713 62.1597 38.8892 62.1597 44.3896 58.984C47.1397 57.3962 48.5148 55.3151 48.5148 53.234V50.2555C48.5243 48.1673 47.1493 46.0773 44.3896 44.484Z"
+          fill="var(--site-background)"
+          fillOpacity="0.4"
+        />
+        <path
+          d="M20.3458 50.234C20.3458 52.3151 21.7208 54.3962 24.471 55.984C29.9714 59.1597 38.8892 59.1597 44.3896 55.984C47.1303 54.4017 48.5054 52.3294 48.5148 50.2555M20.3458 50.234C20.3457 48.1529 21.7208 46.0718 24.471 44.484C29.9714 41.3084 38.8892 41.3084 44.3896 44.484C47.1493 46.0773 48.5243 48.1673 48.5148 50.2555M20.3458 50.234L20.3457 53.234C20.3457 55.3151 21.7208 57.3962 24.471 58.984C29.9713 62.1597 38.8892 62.1597 44.3896 58.984C47.1397 57.3962 48.5148 55.3151 48.5148 53.234V50.2555"
+          stroke="currentColor"
+          strokeOpacity="0.4"
+        />
+        <path
+          d="M61.7097 34.484C54.2962 30.2038 42.2765 30.2038 34.8629 34.484C31.1562 36.6241 29.3028 39.429 29.3028 42.234L29.3027 45.234C29.3027 48.0389 31.1561 50.8439 34.8629 52.984C42.2764 57.2642 54.2961 57.2642 61.7097 52.984C65.4164 50.8439 67.2698 48.0389 67.2698 45.234V42.2104C67.2595 39.4133 65.4061 36.6181 61.7097 34.484Z"
+          fill="var(--site-background)"
+          fillOpacity="0.6"
+        />
+        <path
+          d="M29.3028 42.234C29.3028 45.0389 31.1562 47.8439 34.8629 49.984C42.2765 54.2642 54.2962 54.2642 61.7097 49.984C65.4269 47.8379 67.2802 45.0232 67.2698 42.2104M29.3028 42.234C29.3028 39.429 31.1562 36.6241 34.8629 34.484C42.2765 30.2038 54.2962 30.2038 61.7097 34.484C65.4061 36.6181 67.2595 39.4133 67.2698 42.2104M29.3028 42.234L29.3027 45.234C29.3027 48.0389 31.1561 50.8439 34.8629 52.984C42.2764 57.2642 54.2961 57.2642 61.7097 52.984C65.4164 50.8439 67.2698 48.0389 67.2698 45.234V42.2104"
+          stroke="currentColor"
+          strokeOpacity="0.6"
+        />
+        <path
+          d="M79.0318 24.484C69.7051 19.0992 54.5835 19.0992 45.2568 24.484C40.5934 27.1764 38.2618 30.7052 38.2618 34.234L38.2617 37.234C38.2617 40.7628 40.5934 44.2916 45.2567 46.984C54.5835 52.3688 69.705 52.3688 79.0317 46.984C83.6951 44.2916 86.0268 40.7628 86.0268 37.234L86.0268 34.234C86.0268 30.7052 83.6951 27.1764 79.0318 24.484Z"
+          fill="var(--site-background)"
+          fillOpacity="0.8"
+        />
+        <path
+          d="M38.2618 34.234C38.2618 37.7628 40.5934 41.2916 45.2568 43.984C54.5835 49.3688 69.7051 49.3688 79.0318 43.984C83.6951 41.2916 86.0268 37.7628 86.0268 34.234M38.2618 34.234C38.2618 30.7052 40.5934 27.1764 45.2568 24.484C54.5835 19.0992 69.7051 19.0992 79.0318 24.484C83.6951 27.1764 86.0268 30.7052 86.0268 34.234M38.2618 34.234L38.2617 37.234C38.2617 40.7628 40.5934 44.2916 45.2567 46.984C54.5835 52.3688 69.705 52.3688 79.0317 46.984C83.6951 44.2916 86.0268 40.7628 86.0268 37.234L86.0268 34.234"
+          stroke="currentColor"
+          strokeOpacity="0.8"
+        />
+        <path
+          d="M55.6487 37.9841C66.8885 44.4734 85.112 44.4734 96.3519 37.9841C101.972 34.7394 104.782 30.4867 104.782 26.2341L104.782 23.2341C104.782 18.9814 101.972 14.7287 96.3518 11.4841C85.112 4.99473 66.8885 4.99473 55.6487 11.4841C50.0287 14.7287 47.2188 18.9814 47.2188 23.2341L47.2188 26.2341C47.2188 30.4867 50.0287 34.7394 55.6487 37.9841Z"
+          fill="var(--site-background)"
+        />
+        <path
+          d="M104.782 23.2341C104.782 18.9814 101.972 14.7287 96.3518 11.4841C85.112 4.99473 66.8885 4.99473 55.6487 11.4841C50.0287 14.7287 47.2188 18.9814 47.2188 23.2341M104.782 23.2341C104.782 27.4867 101.972 31.7394 96.3518 34.9841C85.112 41.4734 66.8885 41.4734 55.6487 34.9841C50.0287 31.7394 47.2187 27.4867 47.2188 23.2341M104.782 23.2341L104.782 26.2341C104.782 30.4867 101.972 34.7394 96.3519 37.9841C85.112 44.4734 66.8885 44.4734 55.6487 37.9841C50.0287 34.7394 47.2188 30.4867 47.2188 26.2341L47.2188 23.2341"
+          stroke="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_408_5765">
+          <rect width={112} height={72} fill="var(--site-background)" />
+        </clipPath>
+      </defs>
+    </svg>
   );
 }