OK
https://element.io/
Libya
Country
Network
September 19, 2024, 03:25 PM UTC
Date & Time
Websites
Websites
Runtime: 1.6s
On September 19, 2024, 03:25 PM UTC, https://element.io/ was accessible when tested on AS328539 in Libya.

Failures

HTTP Experiment
null
DNS Experiment
null
Control
null

DNS Queries

Resolver:
172.69.211.77
Query:
IN A element.io
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
A
172.67.12.112
@
IN
A
104.22.48.198
@
IN
A
104.22.49.198
Query:
IN AAAA element.io
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
AAAA
2606:4700:10::6816:31c6
@
IN
AAAA
2606:4700:10::6816:30c6
@
IN
AAAA
2606:4700:10::ac43:c70

TCP Connections

Connection to 104.22.49.198:443 succeeded.
Connection to 2606:4700:10::6816:30c6:443 was blocked.
Connection to 2606:4700:10::6816:31c6:443 was blocked.
Connection to 2606:4700:10::ac43:c70:443 was blocked.
Connection to 172.67.12.112:443 succeeded.
Connection to 104.22.48.198:443 succeeded.

HTTP Requests

URL
GET https://element.io/
Response Headers
Cache-Control:
max-age=1800
Cf-Cache-Status:
DYNAMIC
Cf-Ray:
8c5a9695ed0a2179-CDG
Content-Security-Policy:
default-src 'self'; form-action 'self' https://*.hsforms.com; object-src 'self'; connect-src 'self' https://api.github.com https://*.hsforms.com https://element.io https://*.hs-banner.com https://forms-eu1.hscollectedforms.net https://api-eu1.hubapi.com; media-src 'self' https://element.io; style-src 'self' 'unsafe-inline' https://element.io https://*.googleapis.com https://cdnjs.cloudflare.com; font-src 'self' https://element.io data: https://fonts.gstatic.com; img-src 'self' https://element.io data: https://matomo.riot.im/matomo.php https://*.hsforms.com https://*.hubspot.com https://px.ads.linkedin.com/; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://element.io https://cdnjs.cloudflare.com https://*.cloudfront.net https://ajax.googleapis.com https://matomo.riot.im/matomo.js https://*.hsforms.net https://*.hsforms.com https://*.hs-scripts.com https://*.hs-analytics.net https://*.hs-banner.com https://js-eu1.hsadspixel.net/fb.js https://js-eu1.hscollectedforms.net/collectedforms.js https://snap.licdn.com/li.lms-analytics/insight.min.js https://snap.licdn.com/li.lms-analytics/insight.old.min.js; child-src 'self' https://*.hsforms.com; frame-src youtube.com www.youtube-nocookie.com https://*.hsforms.com;
Content-Type:
text/html; charset=utf-8
Date:
Thu, 19 Sep 2024 15:25:24 GMT
Nel:
{"success_fraction":0,"report_to":"cf-nel","max_age":604800}
Permissions-Policy:
interest-cohort=()
Referrer-Policy:
strict-origin-when-cross-origin
Report-To:
{"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=SyDfKXFTZA4i2nUT%2FbPHT6%2F1%2Brvva1H5kUme0wGivqDXwSQhOUK0GQqnMsDyKwbh8%2FHxpcnbR9YXZMnojaz2j2A06oOem60DQiupAKwvhasTacVLJeocRBT59V6CVY4soFtVlW9es%2FY1uJdK8zQb"}],"group":"cf-nel","max_age":604800}
Server:
cloudflare
Speculation-Rules:
"/cdn-cgi/speculation"
Strict-Transport-Security:
max-age=31536000; includeSubDomains; preload
Vary:
Accept-Encoding
X-Content-Type-Options:
nosniff
X-Frame-Options:
sameorigin
X-Xss-Protection:
1; mode=block
Response Body
<html data-wf-page="65f0f28969163517a8e9a498" data-wf-site="5ef25c0d30ee3108da4c25e9">
<head>
  <meta charset="utf-8">
  <title>Element | Secure collaboration and messaging</title>
  <meta content="Element is a Matrix-based end-to-end encrypted messenger and secure collaboration app. It’s decentralised for digital sovereign self-hosting, or through a hosting service such as Element Matrix Services. Element operates on the open Matrix network to provide interoperability and easy connections." name="description">
  <meta content="Element | Secure collaboration and messaging" property="og:title">
  <meta content="Element is a Matrix-based end-to-end encrypted messenger and secure collaboration app. It’s decentralised for digital sovereign self-hosting, or through a hosting service such as Element Matrix Services. Element operates on the open Matrix network to provide interoperability and easy connections." property="og:description">
  <meta content="https://static.element.io/images/open-graph-large.png" property="og:image">
  <meta content="Element | Secure collaboration and messaging" property="twitter:title">
  <meta content="Element is a Matrix-based end-to-end encrypted messenger and secure collaboration app. It’s decentralised for digital sovereign self-hosting, or through a hosting service such as Element Matrix Services. Element operates on the open Matrix network to provide interoperability and easy connections." property="twitter:description">
  <meta content="https://static.element.io/images/open-graph-large.png" property="twitter:image">
  <meta property="og:type" content="website">
  <meta content="summary_large_image" name="twitter:card">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <link href="css/normalize.hashafb4942e5838a7dc3b63d00ffcc87c9d.css" rel="stylesheet" type="text/css">
  <link href="css/components.hash0050f54c9f4060a379a1d1ebbf71f9a4.css" rel="stylesheet" type="text/css">
  <link href="css/element-io.hash17dea41e400c9175b230fb1dad510e8e.css" rel="stylesheet" type="text/css">
  <script src="/js/scripts/0e9e3ad57abeefde87342864450cc232.js" type="text/javascript"></script>
  <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
  <link href="images/webclip.png" rel="apple-touch-icon">
  <style>
  #hs-eu-confirmation-button {
  order: 2;
}
  .hs-category-row, .hs-category-label {
  height: auto !important;
}
  #hs-eu-cookie-confirmation-inner {
  	max-width: 100% !important;
  	padding: 8px 20px !important;
  	display: flex;
  	justify-content: center;
  	align-content: center;
    flex-wrap: wrap;
}
  #hs-eu-policy-wording {
    margin-bottom: 0px !important;
}
  #hs-eu-cookie-confirmation-inner p {
  	margin: 0 20px 0 0 !important;
}
  #hs-eu-policy-wording a {
  	color: #007A61 !important;
}
</style>
  <script type="text/javascript" id="hs-script-loader" async="" defer="" src="https://js-eu1.hs-scripts.com/24880693.js"></script>
  <script async="" defer="" src="https://cdnjs.cloudflare.com/ajax/libs/github-buttons/2.11.2/buttons.min.js"></script>
  <link rel="canonical" href="https://element.io/">
  <meta name="google-site-verification" content="2XFiQHM9t3HqcyHjTRkNgDJGpHOqrgZgjL7nzRhmloA">
  <link rel="alternate" href="https://element.io/" hreflang="x-default">
  <link rel="alternate" href="https://element.io/" hreflang="en">
  <link rel="alternate" href="https://element.io/de" hreflang="de">
</head>
<body>
  <div class="nav-master">
    <div class="w-embed">
      <style>
.nnav__link, .nnav__l__a, .nnav__link, .nnav__item__toggle, .menu-mob {
  color: inherit;
}
.w-nav-brand, .w-nav-brand.w--current {
  color: inherit;
  padding-left:0px;
}
 .mobile-nav-link.w--current {
 	color:#A3AAB4;
 }
 /* light */
 .nav-theme .nav .nav__mob .navigation-container-mob .menu-mob.w--open {
 	color: var(--light--text--primary);
 	background-color: var(--light-selected-alpha);
 }
 /* Dark */
 .nav-theme--dark .nav .nav__mob .navigation-container-mob .menu-mob.w--open {
 	color: var(--dark--text--primary);
 	background-color: var(--dark-selected-alpha);
 }
 </style>
    </div>
    <div class="nav-theme nav-theme--dark">
      <div class="nav">
        <div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="nav__web w-nav">
          <div class="nav__web__wrap">
            <div class="nnav__l">
              <a href="/" aria-current="page" class="nnav__l__a w-nav-brand w--current">
                <div class="nnav__l__a__img w-embed"><svg width="148" height="32" viewbox="0 0 148 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <g clip-path="url(#clip0_1093_84885-720778)">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M16 32C24.8365 32 32 24.8365 32 16C32 7.16346 24.8365 0 16 0C7.16346 0 0 7.16346 0 16C0 24.8365 7.16346 32 16 32Z" fill="#0DBD8B"></path>
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M13.0781 7.45456C13.0781 6.8087 13.6028 6.28516 14.25 6.28516C18.6364 6.28516 22.1923 9.83367 22.1923 14.211C22.1923 14.8568 21.6676 15.3804 21.0205 15.3804C20.3733 15.3804 19.8486 14.8568 19.8486 14.211C19.8486 11.1254 17.342 8.62396 14.25 8.62396C13.6028 8.62396 13.0781 8.10039 13.0781 7.45456Z" fill="white"></path>
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M24.5439 13.043C25.1911 13.043 25.7157 13.5665 25.7157 14.2124C25.7157 18.5897 22.1598 22.1382 17.7734 22.1382C17.1262 22.1382 16.6016 21.6147 16.6016 20.9688C16.6016 20.323 17.1262 19.7994 17.7734 19.7994C20.8655 19.7994 23.3721 17.298 23.3721 14.2124C23.3721 13.5665 23.8967 13.043 24.5439 13.043Z" fill="white"></path>
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M18.9423 24.543C18.9423 25.1889 18.4176 25.7124 17.7705 25.7124C13.384 25.7124 9.82812 22.1639 9.82812 17.7866C9.82812 17.1407 10.3528 16.6172 11 16.6172C11.6471 16.6172 12.1718 17.1407 12.1718 17.7866C12.1718 20.8722 14.6784 23.3736 17.7705 23.3736C18.4176 23.3736 18.9423 23.8972 18.9423 24.543Z" fill="white"></path>
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M7.46086 18.9585C6.81369 18.9585 6.28906 18.435 6.28906 17.7891C6.28903 13.4118 9.84495 9.86328 14.2314 9.86328C14.8786 9.86328 15.4032 10.3869 15.4032 11.0327C15.4032 11.6785 14.8786 12.2021 14.2314 12.2021C11.1393 12.2021 8.63269 14.7035 8.63269 17.7891C8.63269 18.435 8.10806 18.9585 7.46086 18.9585Z" fill="white"></path>
                      <path d="M56.2848 18.1445H44.9991C45.1325 19.3255 45.5611 20.2683 46.2848 20.9731C47.0085 21.6588 47.9611 22.0017 49.142 22.0017C49.9228 22.0017 50.6277 21.8112 51.2562 21.4302C51.8848 21.0493 52.3325 20.535 52.5991 19.8874H56.0277C55.5705 21.3922 54.7134 22.6112 53.4563 23.5445C52.2183 24.4588 50.7514 24.916 49.0562 24.916C46.8468 24.916 45.0562 24.1826 43.6848 22.716C42.3325 21.2493 41.6562 19.3922 41.6562 17.1445C41.6562 14.954 42.342 13.116 43.7134 11.6302C45.0848 10.1445 46.8563 9.40167 49.0277 9.40167C51.1991 9.40167 52.9514 10.135 54.2848 11.6017C55.6371 13.0493 56.3134 14.8779 56.3134 17.0874L56.2848 18.1445ZM49.0277 12.1731C47.9611 12.1731 47.0754 12.4874 46.3705 13.116C45.6657 13.7445 45.2277 14.5826 45.0562 15.6302H52.942C52.7897 14.5826 52.3705 13.7445 51.6848 13.116C50.9991 12.4874 50.1134 12.1731 49.0277 12.1731ZM58.6531 20.1445V3.14453H62.0531V20.2017C62.0531 20.9636 62.4722 21.3445 63.3102 21.3445L63.9102 21.316V24.5445C63.5865 24.6017 63.2437 24.6302 62.8817 24.6302C61.4151 24.6302 60.3388 24.2588 59.6531 23.516C58.9865 22.7731 58.6531 21.6493 58.6531 20.1445ZM79.7445 18.1445H68.4588C68.5922 19.3255 69.0208 20.2683 69.7445 20.9731C70.4685 21.6588 71.4208 22.0017 72.6017 22.0017C73.3828 22.0017 74.0874 21.8112 74.716 21.4302C75.3445 21.0493 75.7923 20.535 76.0588 19.8874H79.4874C79.0303 21.3922 78.1731 22.6112 76.916 23.5445C75.678 24.4588 74.2114 24.916 72.516 24.916C70.3065 24.916 68.516 24.1826 67.1445 22.716C65.7922 21.2493 65.116 19.3922 65.116 17.1445C65.116 14.954 65.8017 13.116 67.1731 11.6302C68.5445 10.1445 70.316 9.40167 72.4874 9.40167C74.6588 9.40167 76.4114 10.135 77.7445 11.6017C79.0971 13.0493 79.7731 14.8779 79.7731 17.0874L79.7445 18.1445ZM72.4874 12.1731C71.4208 12.1731 70.5351 12.4874 69.8302 13.116C69.1257 13.7445 68.6874 14.5826 68.516 15.6302H76.4017C76.2494 14.5826 75.8302 13.7445 75.1445 13.116C74.4588 12.4874 73.5731 12.1731 72.4874 12.1731ZM95.0842 16.0588V24.5731H91.6842V15.6874C91.6842 13.4398 90.7511 12.316 88.8842 12.316C87.8748 12.316 87.0654 12.6398 86.4557 13.2874C85.8654 13.935 85.57 14.8207 85.57 15.9445V24.5731H82.17V9.74453H85.3128V11.716C85.6748 11.0493 86.2271 10.4969 86.97 10.0588C87.7128 9.62073 88.6368 9.40167 89.7414 9.40167C91.7985 9.40167 93.2842 10.1826 94.1985 11.7445C95.4557 10.1826 97.132 9.40167 99.2271 9.40167C100.961 9.40167 102.294 9.94453 103.227 11.0302C104.161 12.0969 104.627 13.5064 104.627 15.2588V24.5731H101.227V15.6874C101.227 13.4398 100.294 12.316 98.4271 12.316C97.3985 12.316 96.5797 12.6493 95.97 13.316C95.3797 13.9636 95.0842 14.8779 95.0842 16.0588ZM121.536 18.1445H110.25C110.384 19.3255 110.812 20.2683 111.536 20.9731C112.26 21.6588 113.212 22.0017 114.393 22.0017C115.174 22.0017 115.879 21.8112 116.507 21.4302C117.136 21.0493 117.584 20.535 117.85 19.8874H121.279C120.822 21.3922 119.965 22.6112 118.707 23.5445C117.469 24.4588 116.003 24.916 114.307 24.916C112.098 24.916 110.307 24.1826 108.936 22.716C107.584 21.2493 106.907 19.3922 106.907 17.1445C106.907 14.954 107.593 13.116 108.965 11.6302C110.336 10.1445 112.107 9.40167 114.279 9.40167C116.45 9.40167 118.203 10.135 119.536 11.6017C120.888 13.0493 121.565 14.8779 121.565 17.0874L121.536 18.1445ZM114.279 12.1731C113.212 12.1731 112.327 12.4874 111.622 13.116C110.917 13.7445 110.479 14.5826 110.307 15.6302H118.193C118.041 14.5826 117.622 13.7445 116.936 13.116C116.25 12.4874 115.365 12.1731 114.279 12.1731ZM127.104 9.74453V11.716C127.447 11.0683 128.009 10.5255 128.79 10.0874C129.59 9.63024 130.552 9.40167 131.676 9.40167C133.428 9.40167 134.781 9.93502 135.733 11.0017C136.704 12.0683 137.19 13.4874 137.19 15.2588V24.5731H133.79V15.6874C133.79 14.6398 133.542 13.8207 133.047 13.2302C132.571 12.6207 131.838 12.316 130.847 12.316C129.761 12.316 128.904 12.6398 128.276 13.2874C127.666 13.935 127.361 14.8302 127.361 15.9731V24.5731H123.961V9.74453H127.104ZM147.12 21.5445V24.4874C146.701 24.6017 146.11 24.6588 145.348 24.6588C142.453 24.6588 141.005 23.2017 141.005 20.2874V12.4588H138.748V9.74453H141.005V5.88739H144.405V9.74453H147.177V12.4588H144.405V19.9445C144.405 21.1064 144.958 21.6874 146.063 21.6874L147.12 21.5445Z" fill="currentColor"></path>
                    </g>
                    <defs>
                      <clippath id="clip0_1093_84885-720778">
                        <rect width="148" height="32" fill="currentColor"></rect>
                      </clippath>
                    </defs>
                  </svg></div>
              </a>
            </div>
            <div class="nnav__r">
              <nav role="navigation" class="nnav__menu w-nav-menu">
                <div data-hover="true" data-delay="0" class="nnav__item w-dropdown">
                  <div class="nnav__item__toggle w-dropdown-toggle">
                    <div class="nnav__link">
                      <div>Product</div>
                    </div>
                  </div>
                  <nav class="nnav__item-dd w-dropdown-list">
                    <div class="nnav__section">
                      <ul role="list" class="nnav__list w-list-unstyled">
                        <li class="nnav__list-item">
                          <a href="/app-for-productivity" class="nnav__list-action w-inline-block">
                            <div class="nnav__list-icon">
                              <div class="nnav__list-icon-img w-embed"><svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M14.6663 3.99984V7.3365L13.333 7.33517V5.33317H2.66634V11.9998H9.99967V13.3332H2.66634C2.29967 13.3332 1.9859 13.2027 1.72501 12.9418C1.46367 12.6805 1.33301 12.3665 1.33301 11.9998V3.99984C1.33301 3.63317 1.46367 3.31939 1.72501 3.0585C1.9859 2.79717 2.29967 2.6665 2.66634 2.6665H13.333C13.6997 2.6665 14.0137 2.79717 14.275 3.0585C14.5359 3.31939 14.6663 3.63317 14.6663 3.99984Z" fill="currentColor"></path>
                                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.333 7.99984L14.6663 8.00317C15.033 8.00317 15.333 8.29984 15.333 8.6665V14.6665C15.333 15.0332 15.033 15.3332 14.6663 15.3332H11.333C10.9663 15.3332 10.6663 15.0332 10.6663 14.6665V8.6665C10.6663 8.29984 10.9663 7.99984 11.333 7.99984ZM11.333 13.9998H14.6663V9.33317H11.333V13.9998Z" fill="currentColor"></path>
                                </svg></div>
                            </div>
                            <div class="nnav__list-label">The Element App</div>
                          </a>
                        </li>
                        <li class="nnav__list-item">
                          <a href="/server-suite" class="nnav__list-action w-inline-block">
                            <div class="nnav__list-icon">
                              <div class="nnav__list-icon-img w-embed"><svg width="16" height="17" viewbox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <g clip-path="url(#clip0_400_20173-074399)">
                                    <path d="M12.6667 7.33377L3.33333 7.33377C2.6 7.33377 2 6.73372 2 6.00033L2 3.33344C2 2.60005 2.6 2 3.33333 2L12.6667 2C13.4 2 14 2.60005 14 3.33345L14 6.00033C14 6.73372 13.4 7.33377 12.6667 7.33377ZM4.66667 3.33344C3.93333 3.33344 3.33333 3.93349 3.33333 4.66689C3.33333 5.40028 3.93333 6.00033 4.66667 6.00033C5.4 6.00033 6 5.40028 6 4.66689C6 3.93349 5.4 3.33344 4.66667 3.33344ZM12.6667 14.001L3.33333 14.001C2.6 14.001 2 13.4009 2 12.6675L2 10.0007C2 9.26726 2.6 8.66721 3.33333 8.66721L12.6667 8.66721C13.4 8.66721 14 9.26726 14 10.0007L14 12.6675C14 13.4009 13.4 14.001 12.6667 14.001ZM4.66667 10.0007C3.93333 10.0007 3.33333 10.6007 3.33333 11.3341C3.33333 12.0675 3.93333 12.6675 4.66667 12.6675C5.4 12.6675 6 12.0675 6 11.3341C6 10.6007 5.4 10.0007 4.66667 10.0007Z" fill="currentColor"></path>
                                  </g>
                                  <defs>
                                    <clippath id="clip0_400_20173-074399">
                                      <rect width="16" height="16.0013" fill="white" transform="matrix(1 1.7486e-07 1.74831e-07 -1 0 16.0012)"></rect>
                                    </clippath>
                                  </defs>
                                </svg></div>
                            </div>
                            <div class="nnav__list-label">Element Server Suite</div>
                          </a>
                        </li>
                        <li class="nnav__list-item">
                          <a href="/matrix-benefits" class="nnav__list-action w-inline-block">
                            <div class="nnav__list-icon">
                              <div class="nnav__list-icon-img w-embed"><svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <g clip-path="url(#clip0_400_20199-956232)">
                                    <path d="M5.11706 5.20609V5.9784H5.1386C5.34475 5.68302 5.59398 5.45532 5.88321 5.29532C6.17244 5.13225 6.50783 5.05225 6.88321 5.05225C7.24321 5.05225 7.57244 5.12302 7.87091 5.26148C8.16937 5.39994 8.39398 5.64917 8.55091 5.99994C8.72014 5.75071 8.95091 5.52917 9.24014 5.3384C9.52937 5.14763 9.87398 5.05225 10.2709 5.05225C10.5724 5.05225 10.8524 5.08917 11.1109 5.16302C11.3694 5.23686 11.5878 5.35378 11.7724 5.51686C11.9571 5.67994 12.0986 5.88917 12.2032 6.15071C12.3048 6.41225 12.3571 6.72609 12.3571 7.09532V10.9138H10.7909V7.67994C10.7909 7.48917 10.7848 7.30763 10.7694 7.1384C10.754 6.96917 10.714 6.82148 10.6494 6.6984C10.5817 6.57225 10.4863 6.47378 10.3571 6.39994C10.2278 6.32609 10.0524 6.28917 9.83398 6.28917C9.61244 6.28917 9.43398 6.33225 9.2986 6.41532C9.16321 6.50148 9.05552 6.60917 8.9786 6.74763C8.90167 6.88302 8.84937 7.03686 8.82475 7.21225C8.80014 7.38455 8.78475 7.55994 8.78475 7.73532V10.9138H7.2186V7.71378C7.2186 7.54455 7.21552 7.3784 7.20629 7.21225C7.20014 7.04609 7.16629 6.89532 7.11091 6.75378C7.05552 6.61532 6.96321 6.50148 6.83398 6.4184C6.70475 6.33532 6.51706 6.29225 6.26475 6.29225C6.19091 6.29225 6.09244 6.30763 5.97244 6.34148C5.85244 6.37532 5.73244 6.43686 5.6186 6.52917C5.50475 6.62148 5.40629 6.75378 5.32629 6.92609C5.24629 7.0984 5.20629 7.32609 5.20629 7.60609V10.9169H3.64014V5.20609H5.11706Z" fill="currentColor"></path>
                                    <path d="M1.5 15.5H0.5V0.5H1.5" stroke="currentColor"></path>
                                    <path d="M14.5 15.5H15.5V0.5H14.5" stroke="currentColor"></path>
                                  </g>
                                  <defs>
                                    <clippath id="clip0_400_20199-956232">
                                      <rect width="16" height="16" fill="white"></rect>
                                    </clippath>
                                  </defs>
                                </svg></div>
                            </div>
                            <div class="nnav__list-label">The Matrix Standard</div>
                          </a>
                        </li>
                        <li class="nnav__list-item">
                          <a href="/self-hosted-or-cloud" class="nnav__list-action w-inline-block">
                            <div class="nnav__list-icon">
                              <div class="nnav__list-icon-img w-embed"><svg width="100%" height="100%" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M3.59014 14H14.4048C15.8334 14 16.9961 12.6455 17 10.9817C17 9.48685 16.0519 8.23522 14.8199 8.00337C14.2138 6.65743 13.0303 5.80939 11.7058 5.80939C11.4011 5.80939 11.0993 5.85476 10.8072 5.94503C9.99711 4.71787 8.75982 4 7.41451 4C5.37118 4 3.61928 5.71057 3.21555 7.99387C1.96379 8.20624 1 9.465 1 10.981C1 12.6455 2.16209 14 3.59014 14Z" fill="currentColor"></path>
                                </svg></div>
                            </div>
                            <div class="nnav__list-label">Hosting</div>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </nav>
                </div>
                <div data-hover="true" data-delay="0" class="nnav__item w-dropdown">
                  <div class="nnav__item__toggle w-dropdown-toggle">
                    <div class="nnav__link">
                      <div>Solutions</div>
                    </div>
                  </div>
                  <nav class="nnav__item-dd w-dropdown-list">
                    <div class="nnav__section">
                      <ul role="list" class="nnav__list w-list-unstyled">
                        <li class="nnav__list-item">
                          <a href="/sectors" class="nnav__list-action w-inline-block">
                            <div class="nnav__list-icon">
                              <div class="nnav__list-icon-img w-embed"><svg viewbox="0 0 20 20" height="100%" xmlns="http://www.w3.org/2000/svg">
                                  <path d="m9 3c0-0.55228-0.44908-1.0058-0.99796-0.94451-1.427 0.15921-2.8003 0.65822-4.0022 1.4613-1.48 0.98894-2.6336 2.3945-3.3148 4.0391-0.68119 1.6445-0.85942 3.4542-0.51215 5.2s1.2044 3.3495 2.4631 4.6082c1.2587 1.2586 2.8623 2.1158 4.6082 2.4631 1.7458 0.3472 3.5554 0.169 5.2-0.5122 1.6445-0.6812 3.0501-1.8347 4.039-3.3148 0.8031-1.2018 1.3021-2.5752 1.4613-4.0021 0.0612-0.5489-0.3922-0.998-0.9445-0.998h-7c-0.55228 0-1-0.4477-1-1v-7z" fill="currentColor"></path>
                                  <path d="m11 1c0-0.55228 0.4491-1.0057 0.998-0.9445 0.8392 0.093642 1.6629 0.30514 2.4462 0.62959 1.0919 0.4523 2.084 1.1152 2.9198 1.951 0.8357 0.83573 1.4986 1.8279 1.9509 2.9198 0.3245 0.78328 0.536 1.6069 0.6296 2.4462 0.0612 0.54888-0.3922 0.99795-0.9445 0.99795h-7c-0.5523 0-1-0.44772-1-1v-7z" fill="currentColor"></path>
                                </svg></div>
                            </div>
                            <div class="nnav__list-label">Sectors</div>
                          </a>
                        </li>
                        <li class="nnav__list-item">
                          <a href="/solutions" class="nnav__list-action w-inline-block">
                            <div class="nnav__list-icon">
                              <div class="nnav__list-icon-img w-embed"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 20 20" height="100%" viewbox="0 0 20 20" width="100%" fill="currentColor">
                                  <g>
                                    <rect fill="none" height="100%" width="100%"></rect>
                                  </g>
                                  <g>
                                    <g>
                                      <circle cx="5" cy="14" r="3"></circle>
                                      <circle cx="10" cy="6" r="3"></circle>
                                      <circle cx="15" cy="14" r="3"></circle>
                                    </g>
                                  </g>
                                </svg></div>
                            </div>
                            <div class="nnav__list-label">Use cases</div>
                          </a>
                        </li>
                        <li class="nnav__list-item">
                          <a href="/customers" class="nnav__list-action w-inline-block">
                            <div class="nnav__list-icon">
                              <div class="nnav__list-icon-img w-embed"><svg width="100%" height="100%" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM8.49989 11C9.32989 11 9.99989 10.33 9.99989 9.5C9.99989 8.67 9.32989 8 8.49989 8C7.66989 8 6.99989 8.67 6.99989 9.5C6.99989 10.33 7.66989 11 8.49989 11ZM15.4999 11C16.3299 11 16.9999 10.33 16.9999 9.5C16.9999 8.67 16.3299 8 15.4999 8C14.6699 8 13.9999 8.67 13.9999 9.5C13.9999 10.33 14.6699 11 15.4999 11ZM16.3016 15.4075C15.298 16.6788 13.7474 17.5 11.9999 17.5C10.071 17.5 8.38189 16.4994 7.40365 14.9974L7.40275 14.996C7.19975 14.6841 7.02739 14.3506 6.88989 14H17.1099C16.9722 14.3511 16.7995 14.6851 16.5961 14.9974C16.5041 15.1387 16.4058 15.2755 16.3016 15.4075Z" fill="currentColor"></path>
                                </svg></div>
                            </div>
                            <div class="nnav__list-label">Customers</div>
                          </a>
                        </li>
                        <li class="nnav__list-item">
                          <a href="/matrix-in-germany" class="nnav__list-action w-inline-block">
                            <div class="nnav__list-icon">
                              <div class="nnav__list-icon-img w-embed"><svg width="24" height="19" viewbox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <g clip-path="url(#clip0_150_5321-726887)">
                                    <rect width="24" height="18" transform="translate(0 0.0800781)" fill="white"></rect>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12.0801H24V18.0801H0V12.0801Z" fill="#FFD018"></path>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.08008H24V12.0801H0V6.08008Z" fill="#E31D1C"></path>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.0800781H24V6.08008H0V0.0800781Z" fill="#272727"></path>
                                  </g>
                                  <defs>
                                    <clippath id="clip0_150_5321-726887">
                                      <rect width="24" height="18" fill="white" transform="translate(0 0.0800781)"></rect>
                                    </clippath>
                                  </defs>
                                </svg></div>
                            </div>
                            <div class="nnav__list-label">Matrix in Germany</div>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </nav>
                </div>
                <div data-hover="true" data-delay="0" class="nnav__item w-dropdown">
                  <div class="nnav__item__toggle w-dropdown-toggle">
                    <div class="nnav__link">
                      <div>Resources</div>
                    </div>
                  </div>
                  <nav class="nnav__item-dd w-dropdown-list">
                    <div class="nnav__section nnav__section--col-sm">
                      <ul role="list" class="nnav__list w-list-unstyled">
                        <li class="nnav__list-item">
                          <a href="/user-guide" class="nnav__list-action w-inline-block">
                            <div class="nnav__list-icon">
                              <div class="nnav__list-icon-img w-embed"><svg width="100%" height="100%" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <g id="162ef03f7f19085d3af8d600034ca113" clip-path="url(#clip0_3329_116714)">
                                    <g id="623055922e15987b033b4dbf77a736cf">
                                      <path id="ad5b0e4bf1c988df566ba33bf94e5745" d="M11.6666 3C10.3666 3 8.96663 3.26667 7.99996 4C7.03329 3.26667 5.63329 3 4.33329 3C3.36663 3 2.33996 3.14667 1.47996 3.52667C0.993293 3.74667 0.666626 4.22 0.666626 4.76V12.28C0.666626 13.1467 1.47996 13.7867 2.31996 13.5733C2.97329 13.4067 3.66663 13.3333 4.33329 13.3333C5.37329 13.3333 6.47996 13.5067 7.37329 13.9467C7.77329 14.1467 8.22663 14.1467 8.61996 13.9467C9.51329 13.5 10.62 13.3333 11.66 13.3333C12.3266 13.3333 13.02 13.4067 13.6733 13.5733C14.5133 13.7933 15.3266 13.1533 15.3266 12.28V4.76C15.3266 4.22 15 3.74667 14.5133 3.52667C13.66 3.14667 12.6333 3 11.6666 3ZM14 11.4867C14 11.9067 13.6133 12.2133 13.2 12.14C12.7 12.0467 12.18 12.0067 11.6666 12.0067C10.5333 12.0067 8.89996 12.44 7.99996 13.0067V5.33333C8.89996 4.76667 10.5333 4.33333 11.6666 4.33333C12.28 4.33333 12.8866 4.39333 13.4666 4.52C13.7733 4.58667 14 4.86 14 5.17333V11.4867Z" fill="currentColor"></path>
                                      <path id="e1061c4fbbd40b1b40f0d4591d8d817c" d="M9.31996 7.33998C9.10663 7.33998 8.91329 7.20665 8.84663 6.99332C8.75996 6.73332 8.90663 6.44665 9.16663 6.36665C10.1933 6.03332 11.52 5.92665 12.74 6.06665C13.0133 6.09998 13.2133 6.34665 13.18 6.61998C13.1466 6.89332 12.9 7.09332 12.6266 7.05998C11.5466 6.93332 10.3666 7.03332 9.47329 7.31998C9.41996 7.32665 9.36663 7.33998 9.31996 7.33998Z" fill="currentColor"></path>
                                      <path id="07e1fe924f33975aa48633dcfbb60d60" d="M9.31996 9.1133C9.10663 9.1133 8.91329 8.97997 8.84663 8.76663C8.75996 8.50663 8.90663 8.21997 9.16663 8.13997C10.1866 7.80663 11.52 7.69997 12.74 7.83997C13.0133 7.8733 13.2133 8.11997 13.18 8.3933C13.1466 8.66663 12.9 8.86663 12.6266 8.8333C11.5466 8.70663 10.3666 8.80663 9.47329 9.0933C9.41996 9.10663 9.36663 9.1133 9.31996 9.1133Z" fill="currentColor"></path>
                                      <path id="cee9722fe48af5646ac1dc51b5980264" d="M9.31996 10.8866C9.10663 10.8866 8.91329 10.7533 8.84663 10.5399C8.75996 10.2799 8.90663 9.99328 9.16663 9.91328C10.1866 9.57995 11.52 9.47328 12.74 9.61328C13.0133 9.64662 13.2133 9.89328 13.18 10.1666C13.1466 10.4399 12.9 10.6333 12.6266 10.6066C11.5466 10.4799 10.3666 10.5799 9.47329 10.8666C9.41996 10.8799 9.36663 10.8866 9.31996 10.8866Z" fill="currentColor"></path>
                                    </g>
                                  </g>
                                  <defs>
                                    <clippath id="clip0_3329_116714">
                                      <rect width="16" height="16" fill="white"></rect>
                                    </clippath>
                                  </defs>
                                </svg></div>
                            </div>
                            <div class="nnav__list-label">User guide</div>
                          </a>
                        </li>
                        <li class="nnav__list-item">
                          <a href="/help" class="nnav__list-action w-inline-block">
                            <div class="nnav__list-icon">
                              <div class="nnav__list-icon-img w-embed"><svg width="100%" height="100%" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <g id="322427f3d9f50c3796cd80a68cdb3862">
                                    <path id="bf54ff64fd386df361883b4df16858aa" fill-rule="evenodd" clip-rule="evenodd" d="M7.99996 15.3333C12.05 15.3333 15.3333 12.05 15.3333 7.99996C15.3333 3.94987 12.05 0.666626 7.99996 0.666626C3.94987 0.666626 0.666626 3.94987 0.666626 7.99996C0.666626 12.05 3.94987 15.3333 7.99996 15.3333ZM8.00009 12.5069C8.50635 12.5069 8.91676 12.0965 8.91676 11.5903C8.91676 11.084 8.50635 10.6736 8.00009 10.6736C7.49383 10.6736 7.08343 11.084 7.08343 11.5903C7.08343 12.0965 7.49383 12.5069 8.00009 12.5069ZM6.72656 6.61863C6.72656 5.91309 7.29902 5.34548 7.99971 5.34548C8.69837 5.34548 9.27286 5.91997 9.27286 6.61863C9.27286 6.9422 9.13447 7.05767 8.58924 7.43437C8.34766 7.60128 8.01634 7.83314 7.75834 8.17323C7.48216 8.53728 7.31221 8.99126 7.31221 9.56852H8.68721C8.68721 9.28576 8.76234 9.12481 8.85379 9.00427C8.96341 8.85977 9.12225 8.73737 9.37083 8.56563C9.39693 8.54759 9.4245 8.52884 9.45326 8.50928C9.90391 8.20276 10.6479 7.69675 10.6479 6.61863C10.6479 5.16059 9.45777 3.97047 7.99971 3.97047C6.54369 3.97047 5.35156 5.14964 5.35156 6.61863H6.72656Z" fill="currentColor"></path>
                                  </g>
                                </svg></div>
                            </div>
                            <div class="nnav__list-label">Help</div>
                          </a>
                        </li>
                        <li class="nnav__list-item">
                          <a href="/labs" class="nnav__list-action w-inline-block">
                            <div class="nnav__list-icon">
                              <div class="nnav__list-icon-img w-embed"><svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" clip-rule="evenodd" d="M5.77772 2.66667C6.5141 2.66667 7.11106 2.06971 7.11106 1.33333C7.11106 0.596953 6.5141 0 5.77772 0C5.04134 0 4.44439 0.596953 4.44439 1.33333C4.44439 2.06971 5.04134 2.66667 5.77772 2.66667ZM13.5147 13.1026L10.3093 7.76132L10.3324 6.1893H10.7712C10.8937 6.1893 11.0111 6.14421 11.0978 6.06395C11.1844 5.98368 11.233 5.87483 11.233 5.76132C11.233 5.64781 11.1844 5.53895 11.0978 5.45869C11.0111 5.37842 10.8937 5.33333 10.7712 5.33333H5.22872C5.10622 5.33333 4.98875 5.37842 4.90213 5.45869C4.81551 5.53895 4.76685 5.64781 4.76685 5.76132C4.76685 5.87483 4.81551 5.98368 4.90213 6.06395C4.98875 6.14421 5.10622 6.1893 5.22872 6.1893H5.6675L5.69059 7.76132L2.48521 13.1026C2.30791 13.3997 2.21732 13.7346 2.22237 14.0742C2.22742 14.4137 2.32794 14.7462 2.51402 15.0388C2.70009 15.3313 2.96528 15.5738 3.2834 15.7424C3.60153 15.911 3.9616 15.9998 4.32807 16H11.6718C12.0383 15.9998 12.3984 15.911 12.7165 15.7424C13.0346 15.5738 13.2998 15.3313 13.4859 15.0388C13.6719 14.7462 13.7725 14.4137 13.7775 14.0742C13.7826 13.7346 13.692 13.3997 13.5147 13.1026ZM6.55429 8.07802C6.594 8.01273 6.6147 7.93898 6.61433 7.86403L6.59124 6.1893H9.40865L9.38556 7.86403C9.38519 7.93898 9.40589 8.01273 9.4456 8.07802L11.0945 10.83C10.1647 10.8064 9.24231 10.6697 8.35097 10.4234C7.39386 10.1649 6.40531 10.0196 5.40885 9.99111L6.55429 8.07802ZM11.5555 3.11111C11.5555 3.84749 10.9585 4.44445 10.2222 4.44445C9.48579 4.44445 8.88883 3.84749 8.88883 3.11111C8.88883 2.37473 9.48579 1.77778 10.2222 1.77778C10.9585 1.77778 11.5555 2.37473 11.5555 3.11111Z" fill="currentColor"></path>
                                </svg></div>
                            </div>
                            <div class="nnav__list-label">Labs</div>
                          </a>
                        </li>
                        <li class="nnav__list-item">
                          <a href="/contact-sales" class="nnav__list-action w-inline-block">
                            <div class="nnav__list-icon">
                              <div class="nnav__list-icon-img w-embed"><svg width="100%" height="100%" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M17.0566 8.91771C17.0566 13.2905 13.5016 16.8355 9.11624 16.8355C7.87525 16.8355 6.70073 16.5516 5.65447 16.0453L2.79101 16.9377C1.73265 17.2674 0.736906 16.2794 1.0629 15.2229L1.95306 12.3382C1.45494 11.3028 1.17592 10.1428 1.17592 8.91771C1.17592 4.54488 4.73093 1 9.11624 1C13.5016 1 17.0566 4.54488 17.0566 8.91771Z" fill="currentColor"></path>
                                  <path d="M10.8852 19.2171C9.83518 19.2171 8.8329 19.0129 7.91595 18.6418C9.24895 21.1361 11.8788 22.8331 14.9052 22.8331C16.1423 22.8331 17.313 22.5496 18.3561 22.0439L21.2081 22.935C22.2662 23.2655 23.2627 22.2783 22.9374 21.2215L22.0493 18.3362C22.5461 17.3011 22.8242 16.1413 22.8242 14.9166C22.8242 11.9188 21.1576 9.31027 18.7 7.96643C19.2546 8.97974 19.5748 10.1094 19.5748 11.3005C19.5748 15.6728 15.2588 19.2171 10.8852 19.2171Z" fill="currentColor"></path>
                                </svg></div>
                            </div>
                            <div class="nnav__list-label">Contact Sales</div>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </nav>
                </div>
                <a href="https://element.io/blog/" class="nnav__link w-inline-block">
                  <div>Blog</div>
                </a>
                <a href="/pricing" class="nnav__link w-inline-block">
                  <div>Pricing</div>
                </a>
                <a href="/download" class="nnav__link w-inline-block">
                  <div>Download</div>
                </a>
              </nav>
              <div class="nnav__cta">
                <div data-hover="true" data-delay="0" class="nnav__item w-dropdown">
                  <div class="nnav__item__toggle w-dropdown-toggle">
                    <div class="nnav__link">
                      <div>Sign In</div>
                    </div>
                  </div>
                  <nav class="nnav__item-dd w-dropdown-list">
                    <div class="nnav__section nnav__section--col-sm">
                      <ul role="list" class="nnav__list w-list-unstyled">
                        <li class="nnav__list-item">
                          <a href="https://app.element.io" class="nnav__list-action w-inline-block">
                            <div class="nnav__list-icon">
                              <div class="nnav__list-icon-img w-embed"><svg width="100%" height="100%" viewbox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.50032 3.1H13C13.2209 3.1 13.4 3.27909 13.4 3.5V13.5C13.4 13.7209 13.2209 13.9 13 13.9H7.50032V3.1ZM5.90032 3.1H3C2.77909 3.1 2.6 3.27909 2.6 3.5V13.5C2.6 13.7209 2.77909 13.9 3 13.9H5.90032V3.1ZM1 3.5C1 2.39543 1.89543 1.5 3 1.5H13C14.1046 1.5 15 2.39543 15 3.5V13.5C15 14.6046 14.1046 15.5 13 15.5H3C1.89543 15.5 1 14.6046 1 13.5V3.5Z" fill="currentColor"></path>
                                </svg></div>
                            </div>
                            <div class="nnav__list-label">Open Element web</div>
                          </a>
                        </li>
                        <li class="nnav__list-item nnav__list-item--last">
                          <a href="https://ems.element.io/user/hosting#/hosts" class="nnav__list-action w-inline-block">
                            <div class="nnav__list-icon">
                              <div class="nnav__list-icon-img w-embed"><svg width="100%" height="100%" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <g id="34fe27dfe6e06d2e0798033b48fe80b1">
                                    <path id="723a7f469ce8786d33aad12901304a38" fill-rule="evenodd" clip-rule="evenodd" d="M13.3991 6.01092C13.5458 6.39592 13.9216 6.65258 14.3341 6.65258C14.8841 6.65258 15.3333 7.10175 15.3333 7.65175V8.34841C15.3333 8.89841 14.8841 9.34758 14.3341 9.34758C13.9216 9.34758 13.5458 9.60425 13.3991 9.98925C13.387 10.0196 13.3749 10.0503 13.3627 10.0813C13.3194 10.191 13.275 10.3037 13.225 10.4109C13.0508 10.7867 13.1333 11.2267 13.4266 11.5201C13.8208 11.9051 13.8208 12.5376 13.4266 12.9317L12.9316 13.4267C12.5466 13.8209 11.9141 13.8209 11.52 13.4267C11.2358 13.1334 10.7866 13.0509 10.4108 13.2251C10.2733 13.2892 10.1358 13.3442 9.98913 13.3992C9.60413 13.5459 9.34746 13.9217 9.34746 14.3342C9.34746 14.8842 8.89829 15.3334 8.34829 15.3334H7.65163C7.10163 15.3334 6.65246 14.8842 6.65246 14.3342C6.65246 13.9217 6.39579 13.5459 6.01079 13.3992C5.98049 13.3871 5.94973 13.375 5.91873 13.3628C5.80908 13.3196 5.69632 13.2751 5.58913 13.2251C5.21329 13.0509 4.77329 13.1334 4.47996 13.4267C4.09496 13.8209 3.46246 13.8209 3.06829 13.4267L2.57329 12.9317C2.17913 12.5467 2.17913 11.9142 2.57329 11.5201C2.86663 11.2359 2.94913 10.7867 2.77496 10.4109C2.71079 10.2734 2.65579 10.1359 2.60079 9.98925C2.45413 9.60425 2.07829 9.34758 1.66579 9.34758C1.11579 9.34758 0.666626 8.89841 0.666626 8.34841V7.65175C0.666626 7.10175 1.11579 6.65258 1.66579 6.65258C2.07829 6.65258 2.45413 6.39592 2.60079 6.01092C2.62972 5.91836 2.66594 5.82945 2.70256 5.73959C2.72396 5.68706 2.7455 5.63419 2.76579 5.58008C2.93996 5.20425 2.85746 4.76425 2.56413 4.47091C2.16996 4.08591 2.16996 3.45341 2.56413 3.05925L3.06829 2.57341C3.45329 2.17925 4.08579 2.17925 4.47996 2.57341C4.76413 2.86675 5.21329 2.94925 5.58913 2.77508C5.72663 2.71091 5.86413 2.64675 6.01079 2.60091C6.39579 2.45425 6.65246 2.07841 6.65246 1.66591C6.65246 1.11591 7.10163 0.666748 7.65163 0.666748H8.34829C8.89829 0.666748 9.34746 1.11591 9.34746 1.66591C9.34746 2.08758 9.60413 2.45425 9.98913 2.60091C10.0194 2.61304 10.0502 2.62516 10.0812 2.63738C10.1908 2.68061 10.3036 2.72506 10.4108 2.77508C10.7866 2.94925 11.2266 2.86675 11.52 2.57341C11.905 2.17925 12.5375 2.17925 12.9316 2.57341L13.4266 3.06841C13.8208 3.45341 13.8208 4.08591 13.4266 4.48008C13.1333 4.76425 13.0508 5.21341 13.225 5.58925C13.2891 5.72675 13.3441 5.86425 13.3991 6.01092ZM7.99994 11.6667C5.97411 11.6667 4.33327 10.0259 4.33327 8.00008C4.33327 5.97424 5.97411 4.33341 7.99994 4.33341C10.0258 4.33341 11.6666 5.97424 11.6666 8.00008C11.6666 10.0259 10.0258 11.6667 7.99994 11.6667Z" fill="currentColor"></path>
                                  </g>
                                </svg></div>
                            </div>
                            <div class="nnav__list-label">Admin dashboard</div>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </nav>
                </div>
                <a href="https://try.element.io/get-started" class="cta-button cta-button--white w-button">Get started</a>
              </div>
            </div>
          </div>
        </div>
        <div data-collapse="medium" data-animation="default" data-duration="200" data-easing="ease-out" data-easing2="ease-out" role="banner" class="nav__mob w-nav">
          <div class="navigation-container-mob">
            <a href="/" aria-current="page" class="w-nav-brand w--current">
              <div class="img--nav-bar-mobile-logo w-embed"><svg width="148" height="32" viewbox="0 0 148 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <g clip-path="url(#clip0_1093_84885-720778)">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M16 32C24.8365 32 32 24.8365 32 16C32 7.16346 24.8365 0 16 0C7.16346 0 0 7.16346 0 16C0 24.8365 7.16346 32 16 32Z" fill="#0DBD8B"></path>
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.0781 7.45456C13.0781 6.8087 13.6028 6.28516 14.25 6.28516C18.6364 6.28516 22.1923 9.83367 22.1923 14.211C22.1923 14.8568 21.6676 15.3804 21.0205 15.3804C20.3733 15.3804 19.8486 14.8568 19.8486 14.211C19.8486 11.1254 17.342 8.62396 14.25 8.62396C13.6028 8.62396 13.0781 8.10039 13.0781 7.45456Z" fill="white"></path>
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M24.5439 13.043C25.1911 13.043 25.7157 13.5665 25.7157 14.2124C25.7157 18.5897 22.1598 22.1382 17.7734 22.1382C17.1262 22.1382 16.6016 21.6147 16.6016 20.9688C16.6016 20.323 17.1262 19.7994 17.7734 19.7994C20.8655 19.7994 23.3721 17.298 23.3721 14.2124C23.3721 13.5665 23.8967 13.043 24.5439 13.043Z" fill="white"></path>
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M18.9423 24.543C18.9423 25.1889 18.4176 25.7124 17.7705 25.7124C13.384 25.7124 9.82812 22.1639 9.82812 17.7866C9.82812 17.1407 10.3528 16.6172 11 16.6172C11.6471 16.6172 12.1718 17.1407 12.1718 17.7866C12.1718 20.8722 14.6784 23.3736 17.7705 23.3736C18.4176 23.3736 18.9423 23.8972 18.9423 24.543Z" fill="white"></path>
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.46086 18.9585C6.81369 18.9585 6.28906 18.435 6.28906 17.7891C6.28903 13.4118 9.84495 9.86328 14.2314 9.86328C14.8786 9.86328 15.4032 10.3869 15.4032 11.0327C15.4032 11.6785 14.8786 12.2021 14.2314 12.2021C11.1393 12.2021 8.63269 14.7035 8.63269 17.7891C8.63269 18.435 8.10806 18.9585 7.46086 18.9585Z" fill="white"></path>
                    <path d="M56.2848 18.1445H44.9991C45.1325 19.3255 45.5611 20.2683 46.2848 20.9731C47.0085 21.6588 47.9611 22.0017 49.142 22.0017C49.9228 22.0017 50.6277 21.8112 51.2562 21.4302C51.8848 21.0493 52.3325 20.535 52.5991 19.8874H56.0277C55.5705 21.3922 54.7134 22.6112 53.4563 23.5445C52.2183 24.4588 50.7514 24.916 49.0562 24.916C46.8468 24.916 45.0562 24.1826 43.6848 22.716C42.3325 21.2493 41.6562 19.3922 41.6562 17.1445C41.6562 14.954 42.342 13.116 43.7134 11.6302C45.0848 10.1445 46.8563 9.40167 49.0277 9.40167C51.1991 9.40167 52.9514 10.135 54.2848 11.6017C55.6371 13.0493 56.3134 14.8779 56.3134 17.0874L56.2848 18.1445ZM49.0277 12.1731C47.9611 12.1731 47.0754 12.4874 46.3705 13.116C45.6657 13.7445 45.2277 14.5826 45.0562 15.6302H52.942C52.7897 14.5826 52.3705 13.7445 51.6848 13.116C50.9991 12.4874 50.1134 12.1731 49.0277 12.1731ZM58.6531 20.1445V3.14453H62.0531V20.2017C62.0531 20.9636 62.4722 21.3445 63.3102 21.3445L63.9102 21.316V24.5445C63.5865 24.6017 63.2437 24.6302 62.8817 24.6302C61.4151 24.6302 60.3388 24.2588 59.6531 23.516C58.9865 22.7731 58.6531 21.6493 58.6531 20.1445ZM79.7445 18.1445H68.4588C68.5922 19.3255 69.0208 20.2683 69.7445 20.9731C70.4685 21.6588 71.4208 22.0017 72.6017 22.0017C73.3828 22.0017 74.0874 21.8112 74.716 21.4302C75.3445 21.0493 75.7923 20.535 76.0588 19.8874H79.4874C79.0303 21.3922 78.1731 22.6112 76.916 23.5445C75.678 24.4588 74.2114 24.916 72.516 24.916C70.3065 24.916 68.516 24.1826 67.1445 22.716C65.7922 21.2493 65.116 19.3922 65.116 17.1445C65.116 14.954 65.8017 13.116 67.1731 11.6302C68.5445 10.1445 70.316 9.40167 72.4874 9.40167C74.6588 9.40167 76.4114 10.135 77.7445 11.6017C79.0971 13.0493 79.7731 14.8779 79.7731 17.0874L79.7445 18.1445ZM72.4874 12.1731C71.4208 12.1731 70.5351 12.4874 69.8302 13.116C69.1257 13.7445 68.6874 14.5826 68.516 15.6302H76.4017C76.2494 14.5826 75.8302 13.7445 75.1445 13.116C74.4588 12.4874 73.5731 12.1731 72.4874 12.1731ZM95.0842 16.0588V24.5731H91.6842V15.6874C91.6842 13.4398 90.7511 12.316 88.8842 12.316C87.8748 12.316 87.0654 12.6398 86.4557 13.2874C85.8654 13.935 85.57 14.8207 85.57 15.9445V24.5731H82.17V9.74453H85.3128V11.716C85.6748 11.0493 86.2271 10.4969 86.97 10.0588C87.7128 9.62073 88.6368 9.40167 89.7414 9.40167C91.7985 9.40167 93.2842 10.1826 94.1985 11.7445C95.4557 10.1826 97.132 9.40167 99.2271 9.40167C100.961 9.40167 102.294 9.94453 103.227 11.0302C104.161 12.0969 104.627 13.5064 104.627 15.2588V24.5731H101.227V15.6874C101.227 13.4398 100.294 12.316 98.4271 12.316C97.3985 12.316 96.5797 12.6493 95.97 13.316C95.3797 13.9636 95.0842 14.8779 95.0842 16.0588ZM121.536 18.1445H110.25C110.384 19.3255 110.812 20.2683 111.536 20.9731C112.26 21.6588 113.212 22.0017 114.393 22.0017C115.174 22.0017 115.879 21.8112 116.507 21.4302C117.136 21.0493 117.584 20.535 117.85 19.8874H121.279C120.822 21.3922 119.965 22.6112 118.707 23.5445C117.469 24.4588 116.003 24.916 114.307 24.916C112.098 24.916 110.307 24.1826 108.936 22.716C107.584 21.2493 106.907 19.3922 106.907 17.1445C106.907 14.954 107.593 13.116 108.965 11.6302C110.336 10.1445 112.107 9.40167 114.279 9.40167C116.45 9.40167 118.203 10.135 119.536 11.6017C120.888 13.0493 121.565 14.8779 121.565 17.0874L121.536 18.1445ZM114.279 12.1731C113.212 12.1731 112.327 12.4874 111.622 13.116C110.917 13.7445 110.479 14.5826 110.307 15.6302H118.193C118.041 14.5826 117.622 13.7445 116.936 13.116C116.25 12.4874 115.365 12.1731 114.279 12.1731ZM127.104 9.74453V11.716C127.447 11.0683 128.009 10.5255 128.79 10.0874C129.59 9.63024 130.552 9.40167 131.676 9.40167C133.428 9.40167 134.781 9.93502 135.733 11.0017C136.704 12.0683 137.19 13.4874 137.19 15.2588V24.5731H133.79V15.6874C133.79 14.6398 133.542 13.8207 133.047 13.2302C132.571 12.6207 131.838 12.316 130.847 12.316C129.761 12.316 128.904 12.6398 128.276 13.2874C127.666 13.935 127.361 14.8302 127.361 15.9731V24.5731H123.961V9.74453H127.104ZM147.12 21.5445V24.4874C146.701 24.6017 146.11 24.6588 145.348 24.6588C142.453 24.6588 141.005 23.2017 141.005 20.2874V12.4588H138.748V9.74453H141.005V5.88739H144.405V9.74453H147.177V12.4588H144.405V19.9445C144.405 21.1064 144.958 21.6874 146.063 21.6874L147.12 21.5445Z" fill="currentColor"></path>
                  </g>
                  <defs>
                    <clippath id="clip0_1093_84885-720778">
                      <rect width="148" height="32" fill="currentColor"></rect>
                    </clippath>
                  </defs>
                </svg></div>
            </a>
            <nav role="navigation" class="mobile-nav w-nav-menu">
              <div class="mobile-nav__item">
                <div class="mobile-nav__toggle mobile-nav__toggle--first">
                  <div>Product</div>
                  <div class="mobile-nav-chevron w-icon-dropdown-toggle"></div>
                </div>
                <div class="mobile-nav__dropdown">
                  <ul role="list" class="nnav__list w-list-unstyled">
                    <li class="nnav__list-item">
                      <a href="/app-for-productivity" class="nnav__list-action w-inline-block">
                        <div class="nnav__list-icon">
                          <div class="nnav__list-icon-img w-embed"><svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path d="M14.6663 3.99984V7.3365L13.333 7.33517V5.33317H2.66634V11.9998H9.99967V13.3332H2.66634C2.29967 13.3332 1.9859 13.2027 1.72501 12.9418C1.46367 12.6805 1.33301 12.3665 1.33301 11.9998V3.99984C1.33301 3.63317 1.46367 3.31939 1.72501 3.0585C1.9859 2.79717 2.29967 2.6665 2.66634 2.6665H13.333C13.6997 2.6665 14.0137 2.79717 14.275 3.0585C14.5359 3.31939 14.6663 3.63317 14.6663 3.99984Z" fill="currentColor"></path>
                              <path fill-rule="evenodd" clip-rule="evenodd" d="M11.333 7.99984L14.6663 8.00317C15.033 8.00317 15.333 8.29984 15.333 8.6665V14.6665C15.333 15.0332 15.033 15.3332 14.6663 15.3332H11.333C10.9663 15.3332 10.6663 15.0332 10.6663 14.6665V8.6665C10.6663 8.29984 10.9663 7.99984 11.333 7.99984ZM11.333 13.9998H14.6663V9.33317H11.333V13.9998Z" fill="currentColor"></path>
                            </svg></div>
                        </div>
                        <div class="nnav__list-label">The Element App</div>
                      </a>
                    </li>
                    <li class="nnav__list-item">
                      <a href="/server-suite" class="nnav__list-action w-inline-block">
                        <div class="nnav__list-icon">
                          <div class="nnav__list-icon-img w-embed"><svg width="16" height="17" viewbox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <g clip-path="url(#clip0_400_20173-074399)">
                                <path d="M12.6667 7.33377L3.33333 7.33377C2.6 7.33377 2 6.73372 2 6.00033L2 3.33344C2 2.60005 2.6 2 3.33333 2L12.6667 2C13.4 2 14 2.60005 14 3.33345L14 6.00033C14 6.73372 13.4 7.33377 12.6667 7.33377ZM4.66667 3.33344C3.93333 3.33344 3.33333 3.93349 3.33333 4.66689C3.33333 5.40028 3.93333 6.00033 4.66667 6.00033C5.4 6.00033 6 5.40028 6 4.66689C6 3.93349 5.4 3.33344 4.66667 3.33344ZM12.6667 14.001L3.33333 14.001C2.6 14.001 2 13.4009 2 12.6675L2 10.0007C2 9.26726 2.6 8.66721 3.33333 8.66721L12.6667 8.66721C13.4 8.66721 14 9.26726 14 10.0007L14 12.6675C14 13.4009 13.4 14.001 12.6667 14.001ZM4.66667 10.0007C3.93333 10.0007 3.33333 10.6007 3.33333 11.3341C3.33333 12.0675 3.93333 12.6675 4.66667 12.6675C5.4 12.6675 6 12.0675 6 11.3341C6 10.6007 5.4 10.0007 4.66667 10.0007Z" fill="currentColor"></path>
                              </g>
                              <defs>
                                <clippath id="clip0_400_20173-074399">
                                  <rect width="16" height="16.0013" fill="white" transform="matrix(1 1.7486e-07 1.74831e-07 -1 0 16.0012)"></rect>
                                </clippath>
                              </defs>
                            </svg></div>
                        </div>
                        <div class="nnav__list-label">Element Server Suite</div>
                      </a>
                    </li>
                    <li class="nnav__list-item">
                      <a href="/matrix-benefits" class="nnav__list-action w-inline-block">
                        <div class="nnav__list-icon">
                          <div class="nnav__list-icon-img w-embed"><svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <g clip-path="url(#clip0_400_20199-956232)">
                                <path d="M5.11706 5.20609V5.9784H5.1386C5.34475 5.68302 5.59398 5.45532 5.88321 5.29532C6.17244 5.13225 6.50783 5.05225 6.88321 5.05225C7.24321 5.05225 7.57244 5.12302 7.87091 5.26148C8.16937 5.39994 8.39398 5.64917 8.55091 5.99994C8.72014 5.75071 8.95091 5.52917 9.24014 5.3384C9.52937 5.14763 9.87398 5.05225 10.2709 5.05225C10.5724 5.05225 10.8524 5.08917 11.1109 5.16302C11.3694 5.23686 11.5878 5.35378 11.7724 5.51686C11.9571 5.67994 12.0986 5.88917 12.2032 6.15071C12.3048 6.41225 12.3571 6.72609 12.3571 7.09532V10.9138H10.7909V7.67994C10.7909 7.48917 10.7848 7.30763 10.7694 7.1384C10.754 6.96917 10.714 6.82148 10.6494 6.6984C10.5817 6.57225 10.4863 6.47378 10.3571 6.39994C10.2278 6.32609 10.0524 6.28917 9.83398 6.28917C9.61244 6.28917 9.43398 6.33225 9.2986 6.41532C9.16321 6.50148 9.05552 6.60917 8.9786 6.74763C8.90167 6.88302 8.84937 7.03686 8.82475 7.21225C8.80014 7.38455 8.78475 7.55994 8.78475 7.73532V10.9138H7.2186V7.71378C7.2186 7.54455 7.21552 7.3784 7.20629 7.21225C7.20014 7.04609 7.16629 6.89532 7.11091 6.75378C7.05552 6.61532 6.96321 6.50148 6.83398 6.4184C6.70475 6.33532 6.51706 6.29225 6.26475 6.29225C6.19091 6.29225 6.09244 6.30763 5.97244 6.34148C5.85244 6.37532 5.73244 6.43686 5.6186 6.52917C5.50475 6.62148 5.40629 6.75378 5.32629 6.92609C5.24629 7.0984 5.20629 7.32609 5.20629 7.60609V10.9169H3.64014V5.20609H5.11706Z" fill="currentColor"></path>
                                <path d="M1.5 15.5H0.5V0.5H1.5" stroke="currentColor"></path>
                                <path d="M14.5 15.5H15.5V0.5H14.5" stroke="currentColor"></path>
                              </g>
                              <defs>
                                <clippath id="clip0_400_20199-956232">
                                  <rect width="16" height="16" fill="white"></rect>
                                </clippath>
                              </defs>
                            </svg></div>
                        </div>
                        <div class="nnav__list-label">The Matrix Standard</div>
                      </a>
                    </li>
                    <li class="nnav__list-item">
                      <a href="/self-hosted-or-cloud" class="nnav__list-action w-inline-block">
                        <div class="nnav__list-icon">
                          <div class="nnav__list-icon-img w-embed"><svg width="100%" height="100%" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path d="M3.59014 14H14.4048C15.8334 14 16.9961 12.6455 17 10.9817C17 9.48685 16.0519 8.23522 14.8199 8.00337C14.2138 6.65743 13.0303 5.80939 11.7058 5.80939C11.4011 5.80939 11.0993 5.85476 10.8072 5.94503C9.99711 4.71787 8.75982 4 7.41451 4C5.37118 4 3.61928 5.71057 3.21555 7.99387C1.96379 8.20624 1 9.465 1 10.981C1 12.6455 2.16209 14 3.59014 14Z" fill="currentColor"></path>
                            </svg></div>
                        </div>
                        <div class="nnav__list-label">Hosting</div>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="mobile-nav__item">
                <div class="mobile-nav__toggle">
                  <div>Solutions</div>
                  <div class="mobile-nav-chevron w-icon-dropdown-toggle"></div>
                </div>
                <div class="mobile-nav__dropdown">
                  <ul role="list" class="nnav__list nnav__list--featured-left w-list-unstyled">
                    <li class="nnav__list-item">
                      <a href="/sectors" class="nnav__list-action w-inline-block">
                        <div class="nnav__list-icon">
                          <div class="nnav__list-icon-img w-embed"><svg viewbox="0 0 20 20" height="100%" xmlns="http://www.w3.org/2000/svg">
                              <path d="m9 3c0-0.55228-0.44908-1.0058-0.99796-0.94451-1.427 0.15921-2.8003 0.65822-4.0022 1.4613-1.48 0.98894-2.6336 2.3945-3.3148 4.0391-0.68119 1.6445-0.85942 3.4542-0.51215 5.2s1.2044 3.3495 2.4631 4.6082c1.2587 1.2586 2.8623 2.1158 4.6082 2.4631 1.7458 0.3472 3.5554 0.169 5.2-0.5122 1.6445-0.6812 3.0501-1.8347 4.039-3.3148 0.8031-1.2018 1.3021-2.5752 1.4613-4.0021 0.0612-0.5489-0.3922-0.998-0.9445-0.998h-7c-0.55228 0-1-0.4477-1-1v-7z" fill="currentColor"></path>
                              <path d="m11 1c0-0.55228 0.4491-1.0057 0.998-0.9445 0.8392 0.093642 1.6629 0.30514 2.4462 0.62959 1.0919 0.4523 2.084 1.1152 2.9198 1.951 0.8357 0.83573 1.4986 1.8279 1.9509 2.9198 0.3245 0.78328 0.536 1.6069 0.6296 2.4462 0.0612 0.54888-0.3922 0.99795-0.9445 0.99795h-7c-0.5523 0-1-0.44772-1-1v-7z" fill="currentColor"></path>
                            </svg></div>
                        </div>
                        <div class="nnav__list-label">Sectors</div>
                      </a>
                    </li>
                    <li class="nnav__list-item">
                      <a href="/solutions" class="nnav__list-action w-inline-block">
                        <div class="nnav__list-icon">
                          <div class="nnav__list-icon-img w-embed"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 20 20" height="100%" viewbox="0 0 20 20" width="100%" fill="currentColor">
                              <g>
                                <rect fill="none" height="100%" width="100%"></rect>
                              </g>
                              <g>
                                <g>
                                  <circle cx="5" cy="14" r="3"></circle>
                                  <circle cx="10" cy="6" r="3"></circle>
                                  <circle cx="15" cy="14" r="3"></circle>
                                </g>
                              </g>
                            </svg></div>
                        </div>
                        <div class="nnav__list-label">Use cases</div>
                      </a>
                    </li>
                    <li class="nnav__list-item">
                      <a href="/customers" class="nnav__list-action w-inline-block">
                        <div class="nnav__list-icon">
                          <div class="nnav__list-icon-img w-embed"><svg width="100%" height="100%" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path fill-rule="evenodd" clip-rule="evenodd" d="M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10ZM6.49989 9C7.32989 9 7.99989 8.33 7.99989 7.5C7.99989 6.67 7.32989 6 6.49989 6C5.66989 6 4.99989 6.67 4.99989 7.5C4.99989 8.33 5.66989 9 6.49989 9ZM13.4999 9C14.3299 9 14.9999 8.33 14.9999 7.5C14.9999 6.67 14.3299 6 13.4999 6C12.6699 6 11.9999 6.67 11.9999 7.5C11.9999 8.33 12.6699 9 13.4999 9ZM14.3016 13.4075C13.298 14.6788 11.7474 15.5 9.99989 15.5C8.07095 15.5 6.38189 14.4994 5.40365 12.9974L5.40275 12.996C5.19975 12.6841 5.02739 12.3506 4.88989 12H15.1099C14.9722 12.3511 14.7995 12.6851 14.5961 12.9974C14.5041 13.1387 14.4058 13.2755 14.3016 13.4075Z" fill="currentColor"></path>
                            </svg></div>
                        </div>
                        <div class="nnav__list-label">Customers</div>
                      </a>
                    </li>
                    <li class="nnav__list-item">
                      <a href="/matrix-in-germany" class="nnav__list-action w-inline-block">
                        <div class="nnav__list-icon">
                          <div class="nnav__list-icon-img w-embed"><svg width="24" height="19" viewbox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <g clip-path="url(#clip0_150_5321-726887)">
                                <rect width="24" height="18" transform="translate(0 0.0800781)" fill="white"></rect>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12.0801H24V18.0801H0V12.0801Z" fill="#FFD018"></path>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.08008H24V12.0801H0V6.08008Z" fill="#E31D1C"></path>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.0800781H24V6.08008H0V0.0800781Z" fill="#272727"></path>
                              </g>
                              <defs>
                                <clippath id="clip0_150_5321-726887">
                                  <rect width="24" height="18" fill="white" transform="translate(0 0.0800781)"></rect>
                                </clippath>
                              </defs>
                            </svg></div>
                        </div>
                        <div class="nnav__list-label">Matrix in Germany</div>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="mobile-nav__item">
                <div class="mobile-nav__toggle">
                  <div>Resources</div>
                  <div class="mobile-nav-chevron w-icon-dropdown-toggle"></div>
                </div>
                <div class="mobile-nav__dropdown">
                  <ul role="list" class="nnav__list w-list-unstyled">
                    <li class="nnav__list-item">
                      <a href="/user-guide" class="nnav__list-action w-inline-block">
                        <div class="nnav__list-icon">
                          <div class="nnav__list-icon-img w-embed"><svg width="100%" height="100%" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <g id="162ef03f7f19085d3af8d600034ca113" clip-path="url(#clip0_3329_116714)">
                                <g id="623055922e15987b033b4dbf77a736cf">
                                  <path id="ad5b0e4bf1c988df566ba33bf94e5745" d="M11.6666 3C10.3666 3 8.96663 3.26667 7.99996 4C7.03329 3.26667 5.63329 3 4.33329 3C3.36663 3 2.33996 3.14667 1.47996 3.52667C0.993293 3.74667 0.666626 4.22 0.666626 4.76V12.28C0.666626 13.1467 1.47996 13.7867 2.31996 13.5733C2.97329 13.4067 3.66663 13.3333 4.33329 13.3333C5.37329 13.3333 6.47996 13.5067 7.37329 13.9467C7.77329 14.1467 8.22663 14.1467 8.61996 13.9467C9.51329 13.5 10.62 13.3333 11.66 13.3333C12.3266 13.3333 13.02 13.4067 13.6733 13.5733C14.5133 13.7933 15.3266 13.1533 15.3266 12.28V4.76C15.3266 4.22 15 3.74667 14.5133 3.52667C13.66 3.14667 12.6333 3 11.6666 3ZM14 11.4867C14 11.9067 13.6133 12.2133 13.2 12.14C12.7 12.0467 12.18 12.0067 11.6666 12.0067C10.5333 12.0067 8.89996 12.44 7.99996 13.0067V5.33333C8.89996 4.76667 10.5333 4.33333 11.6666 4.33333C12.28 4.33333 12.8866 4.39333 13.4666 4.52C13.7733 4.58667 14 4.86 14 5.17333V11.4867Z" fill="currentColor"></path>
                                  <path id="e1061c4fbbd40b1b40f0d4591d8d817c" d="M9.31996 7.33998C9.10663 7.33998 8.91329 7.20665 8.84663 6.99332C8.75996 6.73332 8.90663 6.44665 9.16663 6.36665C10.1933 6.03332 11.52 5.92665 12.74 6.06665C13.0133 6.09998 13.2133 6.34665 13.18 6.61998C13.1466 6.89332 12.9 7.09332 12.6266 7.05998C11.5466 6.93332 10.3666 7.03332 9.47329 7.31998C9.41996 7.32665 9.36663 7.33998 9.31996 7.33998Z" fill="currentColor"></path>
                                  <path id="07e1fe924f33975aa48633dcfbb60d60" d="M9.31996 9.1133C9.10663 9.1133 8.91329 8.97997 8.84663 8.76663C8.75996 8.50663 8.90663 8.21997 9.16663 8.13997C10.1866 7.80663 11.52 7.69997 12.74 7.83997C13.0133 7.8733 13.2133 8.11997 13.18 8.3933C13.1466 8.66663 12.9 8.86663 12.6266 8.8333C11.5466 8.70663 10.3666 8.80663 9.47329 9.0933C9.41996 9.10663 9.36663 9.1133 9.31996 9.1133Z" fill="currentColor"></path>
                                  <path id="cee9722fe48af5646ac1dc51b5980264" d="M9.31996 10.8866C9.10663 10.8866 8.91329 10.7533 8.84663 10.5399C8.75996 10.2799 8.90663 9.99328 9.16663 9.91328C10.1866 9.57995 11.52 9.47328 12.74 9.61328C13.0133 9.64662 13.2133 9.89328 13.18 10.1666C13.1466 10.4399 12.9 10.6333 12.6266 10.6066C11.5466 10.4799 10.3666 10.5799 9.47329 10.8666C9.41996 10.8799 9.36663 10.8866 9.31996 10.8866Z" fill="currentColor"></path>
                                </g>
                              </g>
                              <defs>
                                <clippath id="clip0_3329_116714">
                                  <rect width="16" height="16" fill="white"></rect>
                                </clippath>
                              </defs>
                            </svg></div>
                        </div>
                        <div class="nnav__list-label">User guide</div>
                      </a>
                    </li>
                    <li class="nnav__list-item">
                      <a href="/help" class="nnav__list-action w-inline-block">
                        <div class="nnav__list-icon">
                          <div class="nnav__list-icon-img w-embed"><svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <g id="322427f3d9f50c3796cd80a68cdb3862">
                                <path id="bf54ff64fd386df361883b4df16858aa" fill-rule="evenodd" clip-rule="evenodd" d="M7.99996 15.3333C12.05 15.3333 15.3333 12.05 15.3333 7.99996C15.3333 3.94987 12.05 0.666626 7.99996 0.666626C3.94987 0.666626 0.666626 3.94987 0.666626 7.99996C0.666626 12.05 3.94987 15.3333 7.99996 15.3333ZM8.00009 12.5069C8.50635 12.5069 8.91676 12.0965 8.91676 11.5903C8.91676 11.084 8.50635 10.6736 8.00009 10.6736C7.49383 10.6736 7.08343 11.084 7.08343 11.5903C7.08343 12.0965 7.49383 12.5069 8.00009 12.5069ZM6.72656 6.61863C6.72656 5.91309 7.29902 5.34548 7.99971 5.34548C8.69837 5.34548 9.27286 5.91997 9.27286 6.61863C9.27286 6.9422 9.13447 7.05767 8.58924 7.43437C8.34766 7.60128 8.01634 7.83314 7.75834 8.17323C7.48216 8.53728 7.31221 8.99126 7.31221 9.56852H8.68721C8.68721 9.28576 8.76234 9.12481 8.85379 9.00427C8.96341 8.85977 9.12225 8.73737 9.37083 8.56563C9.39693 8.54759 9.4245 8.52884 9.45326 8.50928C9.90391 8.20276 10.6479 7.69675 10.6479 6.61863C10.6479 5.16059 9.45777 3.97047 7.99971 3.97047C6.54369 3.97047 5.35156 5.14964 5.35156 6.61863H6.72656Z" fill="currentColor"></path>
                              </g>
                            </svg></div>
                        </div>
                        <div class="nnav__list-label">Help</div>
                      </a>
                    </li>
                    <li class="nnav__list-item">
                      <a href="/labs" class="nnav__list-action w-inline-block">
                        <div class="nnav__list-icon">
                          <div class="nnav__list-icon-img w-embed"><svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path fill-rule="evenodd" clip-rule="evenodd" d="M5.77772 2.66667C6.5141 2.66667 7.11106 2.06971 7.11106 1.33333C7.11106 0.596953 6.5141 0 5.77772 0C5.04134 0 4.44439 0.596953 4.44439 1.33333C4.44439 2.06971 5.04134 2.66667 5.77772 2.66667ZM13.5147 13.1026L10.3093 7.76132L10.3324 6.1893H10.7712C10.8937 6.1893 11.0111 6.14421 11.0978 6.06395C11.1844 5.98368 11.233 5.87483 11.233 5.76132C11.233 5.64781 11.1844 5.53895 11.0978 5.45869C11.0111 5.37842 10.8937 5.33333 10.7712 5.33333H5.22872C5.10622 5.33333 4.98875 5.37842 4.90213 5.45869C4.81551 5.53895 4.76685 5.64781 4.76685 5.76132C4.76685 5.87483 4.81551 5.98368 4.90213 6.06395C4.98875 6.14421 5.10622 6.1893 5.22872 6.1893H5.6675L5.69059 7.76132L2.48521 13.1026C2.30791 13.3997 2.21732 13.7346 2.22237 14.0742C2.22742 14.4137 2.32794 14.7462 2.51402 15.0388C2.70009 15.3313 2.96528 15.5738 3.2834 15.7424C3.60153 15.911 3.9616 15.9998 4.32807 16H11.6718C12.0383 15.9998 12.3984 15.911 12.7165 15.7424C13.0346 15.5738 13.2998 15.3313 13.4859 15.0388C13.6719 14.7462 13.7725 14.4137 13.7775 14.0742C13.7826 13.7346 13.692 13.3997 13.5147 13.1026ZM6.55429 8.07802C6.594 8.01273 6.6147 7.93898 6.61433 7.86403L6.59124 6.1893H9.40865L9.38556 7.86403C9.38519 7.93898 9.40589 8.01273 9.4456 8.07802L11.0945 10.83C10.1647 10.8064 9.24231 10.6697 8.35097 10.4234C7.39386 10.1649 6.40531 10.0196 5.40885 9.99111L6.55429 8.07802ZM11.5555 3.11111C11.5555 3.84749 10.9585 4.44445 10.2222 4.44445C9.48579 4.44445 8.88883 3.84749 8.88883 3.11111C8.88883 2.37473 9.48579 1.77778 10.2222 1.77778C10.9585 1.77778 11.5555 2.37473 11.5555 3.11111Z" fill="currentColor"></path>
                            </svg></div>
                        </div>
                        <div class="nnav__list-label">Labs</div>
                      </a>
                    </li>
                    <li class="nnav__list-item">
                      <a href="/contact-sales" class="nnav__list-action w-inline-block">
                        <div class="nnav__list-icon">
                          <div class="nnav__list-icon-img w-embed"><svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <g id="147fc2ac0d7d6269dfc765727e21a777">
                                <path id="eed1308752fad09f6f7088b2e876bf36" d="M15.404 8.96458L1.56331 15.8816C0.630627 16.3478 -0.33971 15.3477 0.116135 14.4353C0.116135 14.4353 1.83155 10.9711 2.30339 10.0637C2.77523 9.15633 3.31538 8.99926 8.33135 8.35098C8.51695 8.32696 8.6689 8.1869 8.6689 7.99982C8.6689 7.81307 8.51695 7.67301 8.33135 7.649C3.31538 7.00071 2.77523 6.84364 2.30339 5.93624C1.83155 5.02918 0.116135 1.56465 0.116135 1.56465C-0.33971 0.65258 0.630627 -0.347862 1.56331 0.118344L15.404 7.03573C16.1987 7.43257 16.1987 8.5674 15.404 8.96458" fill="currentColor"></path>
                              </g>
                            </svg></div>
                        </div>
                        <div class="nnav__list-label">Contact Sales</div>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="mobile-nav__item">
                <div class="mobile-nav__toggle">
                  <div>Sign In</div>
                  <div class="mobile-nav-chevron w-icon-dropdown-toggle"></div>
                </div>
                <div class="mobile-nav__dropdown">
                  <ul role="list" class="nnav__list w-list-unstyled">
                    <li class="nnav__list-item">
                      <a href="https://app.element.io/" class="nnav__list-action w-inline-block">
                        <div class="nnav__list-icon">
                          <div class="nnav__list-icon-img w-embed"><svg width="100%" height="100%" viewbox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path fill-rule="evenodd" clip-rule="evenodd" d="M7.50032 3.1H13C13.2209 3.1 13.4 3.27909 13.4 3.5V13.5C13.4 13.7209 13.2209 13.9 13 13.9H7.50032V3.1ZM5.90032 3.1H3C2.77909 3.1 2.6 3.27909 2.6 3.5V13.5C2.6 13.7209 2.77909 13.9 3 13.9H5.90032V3.1ZM1 3.5C1 2.39543 1.89543 1.5 3 1.5H13C14.1046 1.5 15 2.39543 15 3.5V13.5C15 14.6046 14.1046 15.5 13 15.5H3C1.89543 15.5 1 14.6046 1 13.5V3.5Z" fill="currentColor"></path>
                            </svg></div>
                        </div>
                        <div class="nnav__list-label">Open Element web</div>
                      </a>
                    </li>
                    <li class="nnav__list-item">
                      <a href="https://ems.element.io/user/hosting#/hosts" class="nnav__list-action w-inline-block">
                        <div class="nnav__list-icon">
                          <div class="nnav__list-icon-img w-embed"><svg width="100%" height="100%" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <g id="34fe27dfe6e06d2e0798033b48fe80b1">
                                <path id="723a7f469ce8786d33aad12901304a38" fill-rule="evenodd" clip-rule="evenodd" d="M13.3991 6.01092C13.5458 6.39592 13.9216 6.65258 14.3341 6.65258C14.8841 6.65258 15.3333 7.10175 15.3333 7.65175V8.34841C15.3333 8.89841 14.8841 9.34758 14.3341 9.34758C13.9216 9.34758 13.5458 9.60425 13.3991 9.98925C13.387 10.0196 13.3749 10.0503 13.3627 10.0813C13.3194 10.191 13.275 10.3037 13.225 10.4109C13.0508 10.7867 13.1333 11.2267 13.4266 11.5201C13.8208 11.9051 13.8208 12.5376 13.4266 12.9317L12.9316 13.4267C12.5466 13.8209 11.9141 13.8209 11.52 13.4267C11.2358 13.1334 10.7866 13.0509 10.4108 13.2251C10.2733 13.2892 10.1358 13.3442 9.98913 13.3992C9.60413 13.5459 9.34746 13.9217 9.34746 14.3342C9.34746 14.8842 8.89829 15.3334 8.34829 15.3334H7.65163C7.10163 15.3334 6.65246 14.8842 6.65246 14.3342C6.65246 13.9217 6.39579 13.5459 6.01079 13.3992C5.98049 13.3871 5.94973 13.375 5.91873 13.3628C5.80908 13.3196 5.69632 13.2751 5.58913 13.2251C5.21329 13.0509 4.77329 13.1334 4.47996 13.4267C4.09496 13.8209 3.46246 13.8209 3.06829 13.4267L2.57329 12.9317C2.17913 12.5467 2.17913 11.9142 2.57329 11.5201C2.86663 11.2359 2.94913 10.7867 2.77496 10.4109C2.71079 10.2734 2.65579 10.1359 2.60079 9.98925C2.45413 9.60425 2.07829 9.34758 1.66579 9.34758C1.11579 9.34758 0.666626 8.89841 0.666626 8.34841V7.65175C0.666626 7.10175 1.11579 6.65258 1.66579 6.65258C2.07829 6.65258 2.45413 6.39592 2.60079 6.01092C2.62972 5.91836 2.66594 5.82945 2.70256 5.73959C2.72396 5.68706 2.7455 5.63419 2.76579 5.58008C2.93996 5.20425 2.85746 4.76425 2.56413 4.47091C2.16996 4.08591 2.16996 3.45341 2.56413 3.05925L3.06829 2.57341C3.45329 2.17925 4.08579 2.17925 4.47996 2.57341C4.76413 2.86675 5.21329 2.94925 5.58913 2.77508C5.72663 2.71091 5.86413 2.64675 6.01079 2.60091C6.39579 2.45425 6.65246 2.07841 6.65246 1.66591C6.65246 1.11591 7.10163 0.666748 7.65163 0.666748H8.34829C8.89829 0.666748 9.34746 1.11591 9.34746 1.66591C9.34746 2.08758 9.60413 2.45425 9.98913 2.60091C10.0194 2.61304 10.0502 2.62516 10.0812 2.63738C10.1908 2.68061 10.3036 2.72506 10.4108 2.77508C10.7866 2.94925 11.2266 2.86675 11.52 2.57341C11.905 2.17925 12.5375 2.17925 12.9316 2.57341L13.4266 3.06841C13.8208 3.45341 13.8208 4.08591 13.4266 4.48008C13.1333 4.76425 13.0508 5.21341 13.225 5.58925C13.2891 5.72675 13.3441 5.86425 13.3991 6.01092ZM7.99994 11.6667C5.97411 11.6667 4.33327 10.0259 4.33327 8.00008C4.33327 5.97424 5.97411 4.33341 7.99994 4.33341C10.0258 4.33341 11.6666 5.97424 11.6666 8.00008C11.6666 10.0259 10.0258 11.6667 7.99994 11.6667Z" fill="currentColor"></path>
                              </g>
                            </svg></div>
                        </div>
                        <div class="nnav__list-label">Admin dashboard</div>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <a href="https://element.io/blog/" class="mobile-nav-link w-nav-link">Blog</a>
              <a href="/pricing" class="mobile-nav-link w-nav-link">Pricing</a>
              <a href="/download" class="mobile-nav-link w-nav-link">Download</a>
              <div class="mobile-nav__separator"></div>
              <div class="cta-wrap cta-wrap--center">
                <a href="https://try.element.io/get-started" class="cta-button w-button">Get started</a>
              </div>
            </nav>
            <div class="menu-mob w-nav-button">
              <div class="w-icon-nav-menu"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <section class="homepage-hero">
    <div class="homepage2024-hero__heading">
      <div class="container">
        <div class="hp24-hero-grid">
          <div id="w-node-_156535aa-2720-61fc-48b3-527bc5bb532a-a8e9a498" class="hero2024__title">
            <div class="drawline">
              <h1 class="hero-homepage2024__h1">Be in <span class="drawline">your</span> element<span class="fullstop--green">.</span></h1>
              <div class="hero2024__drawline w-embed">
                <style>
.hero-drawline {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 18.78%;
  overflow: hidden;
}
#hero-drawline-anim {
	stroke-dasharray: 800;
  stroke-dashoffset: 800;
  animation-name: drawline;
  animation-duration: 2000ms;
  animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  animation-fill-mode: forwards;
  animation-delay: 600ms;
}
@keyframes drawline {
  0% {
    stroke-dashoffset: 800;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@media only screen and (max-width: 1030px) {
  .hero-drawline {
  	display:none;
  }
}
</style>
                <div class="hero-drawline">
                  <svg fill="none" viewbox="0 0 180 34" xmlns="http://www.w3.org/2000/svg">
                    <defs>
                      <lineargradient id="gradient" x1="0%" y1="0%" x2="100%" y2="0%">
                        <stop offset="0%" stop-color="#0DBD8B" stop-opacity="0"></stop>
                        <stop offset="100%" stop-color="#0DBD8B" stop-opacity="1"></stop>
                      </lineargradient>
                    </defs>
                    <path d="m2.3319 31.922c41.564-23.271 87.267-29.301 145.81-29.146" stroke="url(#gradient)" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" id="hero-drawline-anim"></path>
                  </svg>
                </div>
              </div>
            </div>
            <p class="hp-hero-paragraph">A sovereign and secure communications <br>platform. Built by the creators of Matrix.</p>
            <a href="https://try.element.io/get-started" class="cta-button cta-button--white w-button">Get started</a>
          </div>
          <div id="w-node-_156535aa-2720-61fc-48b3-527bc5bb533a-a8e9a498" class="hp24-hero__img-wrap"><img src="images/hp-hero-visual-alt_1.webp" loading="eager" width="935" height="Auto" alt="The Element app on mobile and desktop." srcset="images/hp-hero-visual-alt_1hp-hero-visual-alt.webp 500w, images/hp-hero-visual-alt_1hp-hero-visual-alt.webp 800w, images/hp-hero-visual-alt_1hp-hero-visual-alt.webp 1080w, images/hp-hero-visual-alt_1hp-hero-visual-alt.webp 1600w, images/hp-hero-visual-alt_1.webp 1870w" sizes="(max-width: 767px) 100vw, 935px" class="hp24-hero__img"></div>
        </div>
      </div>
    </div>
    <div class="hero__grad-transition24"></div>
    <div id="customer-logos" class="hp-logo-scroll">
      <div class="w-embed">
        <style>
@keyframes logo-scroll {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(calc(-184px * 14)); /* Adjust according to your needs */
  }
}
</style>
      </div>
      <div class="section__heading section__heading--divider">
        <h2 class="overline">Trusted by secure organisations</h2>
      </div>
      <div class="hp-logo-scroll__wrap">
        <div class="hp-logo-scroll__row">
          <div class="hp-logo-scroll__duplicates"><img loading="lazy" src="images/hm_government-logo.svg" alt="HM Government logo" class="hp-logo-scroll__logo"><img loading="lazy" src="images/unicc.svg" alt="UNICC - United Nations International Computing Centre" class="hp-logo-scroll__logo"><img loading="lazy" src="images/dinum--mono.svg" alt="Dinum logo" class="hp-logo-scroll__logo"><img loading="lazy" src="images/bundeswehr--mono.svg" alt="Bundeswehr" class="hp-logo-scroll__logo"><img loading="lazy" src="images/bwi_logo.svg" alt="BWI" class="hp-logo-scroll__logo"><img loading="lazy" src="images/nato.svg" alt="Nato" class="hp-logo-scroll__logo"><img loading="lazy" src="images/Gematik_Logo_Blue.svg" alt="Gematik" class="hp-logo-scroll__logo"><img loading="lazy" src="images/logo-dataport-primary-colour.svg" alt="Dataport" class="hp-logo-scroll__logo"><img loading="lazy" src="images/united-states-space-force-logo.svg" alt="United States Space Force logo" class="hp-logo-scroll__logo"><img loading="lazy" src="images/us-marine-corps-badge.png" alt="US Marines badge" sizes="144px" srcset="images/us-marine-corps-badge-p-500.png 500w, images/us-marine-corps-badge-p-800.png 800w, images/us-marine-corps-badge.png 1200w" class="hp-logo-scroll__logo"><img loading="lazy" src="images/Hexagon_logo.svg" alt="hexagon.com logo" class="hp-logo-scroll__logo"><img loading="lazy" src="images/Fedora_logo.svg" alt="fedoraproject.org logo" class="hp-logo-scroll__logo"><img loading="lazy" src="images/us-navy-badges.png" alt="United States Navy badge" class="hp-logo-scroll__logo"><img loading="lazy" src="images/Forsakringskassan--mono.svg" alt="Logo for Försäkringskassan (the Swedish Social Insurance Agency) " class="hp-logo-scroll__logo"></div>
          <div class="hp-logo-scroll__duplicates"><img loading="lazy" src="images/hm_government-logo.svg" alt="HM Government logo" class="hp-logo-scroll__logo"><img loading="lazy" src="images/unicc.svg" alt="UNICC - United Nations International Computing Centre" class="hp-logo-scroll__logo"><img loading="lazy" src="images/dinum--mono.svg" alt="Dinum logo" class="hp-logo-scroll__logo"><img loading="lazy" src="images/bundeswehr--mono.svg" alt="Bundeswehr" class="hp-logo-scroll__logo"><img loading="lazy" src="images/bwi_logo.svg" alt="BWI" class="hp-logo-scroll__logo"><img loading="lazy" src="images/nato.svg" alt="Nato" class="hp-logo-scroll__logo"><img loading="lazy" src="images/Gematik_Logo_Blue.svg" alt="Gematik" class="hp-logo-scroll__logo"><img loading="lazy" src="images/logo-dataport-primary-colour.svg" alt="Dataport" class="hp-logo-scroll__logo"><img loading="lazy" src="images/united-states-space-force-logo.svg" alt="United States Space Force logo" class="hp-logo-scroll__logo"><img loading="lazy" src="images/us-marine-corps-badge.png" alt="US Marines badge" sizes="144px" srcset="images/us-marine-corps-badge-p-500.png 500w, images/us-marine-corps-badge-p-800.png 800w, images/us-marine-corps-badge.png 1200w" class="hp-logo-scroll__logo"><img loading="lazy" src="images/Hexagon_logo.svg" alt="hexagon.com logo" class="hp-logo-scroll__logo"><img loading="lazy" src="images/Fedora_logo.svg" alt="fedoraproject.org logo" class="hp-logo-scroll__logo"><img loading="lazy" src="images/us-navy-badges.png" alt="United States Navy badge" class="hp-logo-scroll__logo"><img loading="lazy" src="images/Forsakringskassan--mono.svg" alt="Logo for Försäkringskassan (the Swedish Social Insurance Agency) " class="hp-logo-scroll__logo"></div>
        </div>
      </div>
    </div>
  </section>
  <div class="page-section"></div>
  <div class="page-section"></div>
  <div class="section-transition-wrap">
    <div class="section-transition section-transition--light-to-dark">
      <div class="page-section">
        <div class="wrapper-large">
          <div class="container">
            <div class="row">
              <div class="hp-usp-dark">
                <div class="usp-inner">
                  <div class="stack">
                    <div class="usp-icons w-embed"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 3.075V12.405C1.5 21.945 12 24 12 24C12 24 22.5 21.945 22.5 12.405V3.075L12 0L1.5 3.075ZM16.4107 6.7794C16.6957 6.5094 17.1457 6.5244 17.4157 6.8094C17.6557 7.0794 17.6557 7.4844 17.4457 7.7544L11.1157 15.4194L11.0707 15.4794C10.6507 15.9894 9.8857 16.0644 9.3757 15.6444C9.3304 15.6218 9.29365 15.582 9.25899 15.5445C9.24775 15.5324 9.23672 15.5204 9.2257 15.5094L6.5107 12.3894C6.2107 12.0294 6.2407 11.4894 6.6007 11.1894C6.9007 10.9194 7.3357 10.9194 7.6507 11.1294L10.0057 12.7794L16.4107 6.7794Z" fill="currentColor"></path>
                      </svg></div>
                    <h2 class="usp-title">Secure and compliant</h2>
                    <p class="usp-paragraph">Protect and strengthen business critical communications.<br></p>
                  </div>
                </div>
              </div>
              <div class="hp-usp-dark">
                <div class="usp-inner">
                  <div class="stack">
                    <div class="usp-icons w-embed"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8H7V6C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z" fill="currentColor"></path>
                      </svg></div>
                    <h2 class="usp-title">Control your data</h2>
                    <p class="usp-paragraph">Open source and flexible hosting to enable data sovereignty.<br></p>
                  </div>
                </div>
              </div>
              <div class="hp-usp-dark">
                <div class="usp-inner">
                  <div class="usp-icons w-embed"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM11.0835 9.47917C11.0835 11.1245 9.85224 12.4583 8.33346 12.4583C6.81468 12.4583 5.58346 11.1245 5.58346 9.47917C5.58346 7.83382 6.81468 6.5 8.33346 6.5C9.85224 6.5 11.0835 7.83382 11.0835 9.47917ZM19.2277 10.9433C19.2277 12.3848 18.1491 13.5533 16.8185 13.5533C15.488 13.5533 14.4093 12.3848 14.4093 10.9433C14.4093 9.50188 15.488 8.33337 16.8185 8.33337C18.1491 8.33337 19.2277 9.50188 19.2277 10.9433ZM12.9167 18.3207C12.9167 16.1735 11.4086 14.3786 9.3938 13.9373C9.05067 13.8691 8.69612 13.8334 8.33336 13.8334C6.48108 13.8334 4.84266 14.7648 3.84604 16.1924C5.36795 19.1464 8.44805 21.1667 12 21.1667C12.3094 21.1667 12.6152 21.1513 12.9167 21.1214L12.9167 18.3207ZM20.1779 16.1456C19.0706 18.3255 17.1173 20.0034 14.7502 20.747L14.7502 18.3207C14.7502 17.3428 14.5281 16.4167 14.1316 15.5902C14.8992 15.0646 15.8237 14.7579 16.8186 14.7579C18.125 14.7579 19.31 15.2868 20.1779 16.1456Z" fill="currentColor"></path>
                    </svg></div>
                  <h2 class="usp-title">Connect with partners</h2>
                  <p class="usp-paragraph">Trusted communication in real-time across organisations.<br></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="page-section page-section--dark">
    <div>
      <div class="container">
        <div id="w-node-_156535aa-2720-61fc-48b3-527bc5bb5363-a8e9a498" class="hp-scroll__section">
          <h2 id="w-node-_156535aa-2720-61fc-48b3-527bc5bb5364-a8e9a498" class="hp-matrix-stack-title">The Matrix stack</h2>
        </div>
      </div>
      <div class="hp-scroll">
        <div class="wrapper-bottom-medium">
          <div class="hp-scroll__section">
            <div id="w-node-_156535aa-2720-61fc-48b3-527bc5bb536a-a8e9a498" class="homepage-scroll-animation__visual-wrap">
              <div class="homepage-scroll-animation__visual-sticky">
                <div class="homepage-stack">
                  <div class="homepage-matrix-stack__layer-scale">
                    <a href="#conversations" aria-label="conversations" class="homepage-matrix-stack__layer w-inline-block">
                      <div class="homepage-matrix-stack__icon first w-embed"><svg width="100%" height="100%" viewbox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path fill-rule="evenodd" clip-rule="evenodd" d="M0.139085 52.4552L4.09022 38.9669C3.22733 37.1048 2.58016 35.1974 2.14871 33.2445C1.71727 31.2917 1.50154 29.2934 1.50154 27.2497C1.50154 23.4802 2.21684 19.9378 3.64742 16.6225C5.078 13.3072 7.01951 10.4233 9.47194 7.9709C11.9244 5.51847 14.8082 3.57696 18.1236 2.14638C21.4389 0.715795 24.9813 0.00050354 28.7508 0.00050354C32.5202 0.00050354 36.0626 0.715795 39.3779 2.14638C42.6933 3.57696 45.5771 5.51847 48.0296 7.9709C50.482 10.4233 52.4235 13.3072 53.8541 16.6225C55.2847 19.9378 56 23.4802 56 27.2497C56 31.0192 55.2847 34.5616 53.8541 37.8769C52.4235 41.1922 50.482 44.0761 48.0296 46.5285C45.5771 48.981 42.6933 50.9225 39.3779 52.353C36.0626 53.7836 32.5202 54.4989 28.7508 54.4989C26.7071 54.4989 24.7088 54.2832 22.7559 53.8518C20.8031 53.4203 18.8956 52.7731 17.0336 51.9103L3.54524 55.8614C2.50068 56.1793 1.59238 55.9522 0.820315 55.1802C0.0482538 54.4081 -0.178823 53.4998 0.139085 52.4552ZM18 32C20.2092 32 22 30.2091 22 28C22 25.7909 20.2092 24 18 24C15.7909 24 14 25.7909 14 28C14 30.2091 15.7909 32 18 32ZM33 28C33 30.2091 31.2092 32 29 32C26.7909 32 25 30.2091 25 28C25 25.7909 26.7909 24 29 24C31.2092 24 33 25.7909 33 28ZM40 32C42.2092 32 44 30.2091 44 28C44 25.7909 42.2092 24 40 24C37.7909 24 36 25.7909 36 28C36 30.2091 37.7909 32 40 32Z" fill="currentColor"></path>
                        </svg></div>
                      <div class="hp-stack-border"></div>
                      <div class="hp-stack-highlight-1"></div>
                    </a>
                  </div>
                  <div class="homepage-stack__layer-scale--2">
                    <a href="#setup" aria-label="setup" class="homepage-matrix-stack__layer w-inline-block">
                      <div class="homepage-matrix-stack__icon w-embed"><svg width="100%" height="100%" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <g clip-path="url(#clip0_400_20173-074399)">
                            <path d="M12.6667 7.33377L3.33333 7.33377C2.6 7.33377 2 6.73372 2 6.00033L2 3.33344C2 2.60005 2.6 2 3.33333 2L12.6667 2C13.4 2 14 2.60005 14 3.33345L14 6.00033C14 6.73372 13.4 7.33377 12.6667 7.33377ZM4.66667 3.33344C3.93333 3.33344 3.33333 3.93349 3.33333 4.66689C3.33333 5.40028 3.93333 6.00033 4.66667 6.00033C5.4 6.00033 6 5.40028 6 4.66689C6 3.93349 5.4 3.33344 4.66667 3.33344ZM12.6667 14.001L3.33333 14.001C2.6 14.001 2 13.4009 2 12.6675L2 10.0007C2 9.26726 2.6 8.66721 3.33333 8.66721L12.6667 8.66721C13.4 8.66721 14 9.26726 14 10.0007L14 12.6675C14 13.4009 13.4 14.001 12.6667 14.001ZM4.66667 10.0007C3.93333 10.0007 3.33333 10.6007 3.33333 11.3341C3.33333 12.0675 3.93333 12.6675 4.66667 12.6675C5.4 12.6675 6 12.0675 6 11.3341C6 10.6007 5.4 10.0007 4.66667 10.0007Z" fill="currentColor"></path>
                          </g>
                          <defs>
                            <clippath id="clip0_400_20173-074399">
                              <rect width="16" height="16" fill="white" transform="matrix(1 1.7486e-07 1.74831e-07 -1 0 16)"></rect>
                            </clippath>
                          </defs>
                        </svg></div>
                      <div class="hp-stack-border"></div>
                      <div class="hp-stack-highlight-2"></div>
                    </a>
                  </div>
                  <div class="homepage-stack__layer-scale--3">
                    <a href="#data" aria-label="data" class="homepage-matrix-stack__layer w-inline-block">
                      <div class="homepage-matrix-stack__icon w-embed"><svg width="100%" height="100%" viewbox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path fill-rule="evenodd" clip-rule="evenodd" d="M18.8723 14.6177C19.5927 13.2363 20 11.6657 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.3607 4.21813 19.7362 9.51637 19.9885L11.6062 40.3643C8.35731 41.3818 6 44.4156 6 48C6 52.4183 9.58172 56 14 56C18.4183 56 22 52.4183 22 48C22 47.8959 21.998 47.7922 21.9941 47.6891L39.1712 41.4428C40.7191 44.1644 43.6452 46 47 46C51.9706 46 56 41.9706 56 37C56 32.0294 51.9706 28 47 28C44.555 28 42.3377 28.975 40.7157 30.5574L18.8723 14.6177ZM12.5009 19.6847C14.2723 19.2286 15.8536 18.2994 17.1022 17.0398L38.9457 32.9796C38.3405 34.1896 38 35.555 38 37C38 37.5543 38.0501 38.0969 38.146 38.6235L21.3103 44.7455C20.139 42.1185 17.5932 40.2391 14.5867 40.0212L12.5009 19.6847Z" fill="currentColor"></path>
                        </svg></div>
                      <div class="hp-stack-border"></div>
                      <div class="hp-stack-highlight-3"></div>
                    </a>
                  </div>
                </div>
              </div>
            </div>
            <div id="w-node-_156535aa-2720-61fc-48b3-527bc5bb537c-a8e9a498" class="homepage-scroll-animation__content">
              <div class="homepage-scroll-animation__img homepage-scroll-animation__img--left">
                <div class="homepage-stack">
                  <div class="homepage-matrix-stack__layer-scale">
                    <a href="#conversations" aria-label="conversations" class="homepage-matrix-stack__layer w-inline-block">
                      <div class="homepage-matrix-stack__icon w-embed"><svg width="100%" height="100%" viewbox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path fill-rule="evenodd" clip-rule="evenodd" d="M0.139085 52.4552L4.09022 38.9669C3.22733 37.1048 2.58016 35.1974 2.14871 33.2445C1.71727 31.2917 1.50154 29.2934 1.50154 27.2497C1.50154 23.4802 2.21684 19.9378 3.64742 16.6225C5.078 13.3072 7.01951 10.4233 9.47194 7.9709C11.9244 5.51847 14.8082 3.57696 18.1236 2.14638C21.4389 0.715795 24.9813 0.00050354 28.7508 0.00050354C32.5202 0.00050354 36.0626 0.715795 39.3779 2.14638C42.6933 3.57696 45.5771 5.51847 48.0296 7.9709C50.482 10.4233 52.4235 13.3072 53.8541 16.6225C55.2847 19.9378 56 23.4802 56 27.2497C56 31.0192 55.2847 34.5616 53.8541 37.8769C52.4235 41.1922 50.482 44.0761 48.0296 46.5285C45.5771 48.981 42.6933 50.9225 39.3779 52.353C36.0626 53.7836 32.5202 54.4989 28.7508 54.4989C26.7071 54.4989 24.7088 54.2832 22.7559 53.8518C20.8031 53.4203 18.8956 52.7731 17.0336 51.9103L3.54524 55.8614C2.50068 56.1793 1.59238 55.9522 0.820315 55.1802C0.0482538 54.4081 -0.178823 53.4998 0.139085 52.4552ZM18 32C20.2092 32 22 30.2091 22 28C22 25.7909 20.2092 24 18 24C15.7909 24 14 25.7909 14 28C14 30.2091 15.7909 32 18 32ZM33 28C33 30.2091 31.2092 32 29 32C26.7909 32 25 30.2091 25 28C25 25.7909 26.7909 24 29 24C31.2092 24 33 25.7909 33 28ZM40 32C42.2092 32 44 30.2091 44 28C44 25.7909 42.2092 24 40 24C37.7909 24 36 25.7909 36 28C36 30.2091 37.7909 32 40 32Z" fill="currentColor"></path>
                        </svg></div>
                      <div class="hp-stack-border"></div>
                      <div class="hp-stack-highlight-1"></div>
                    </a>
                  </div>
                  <div class="homepage-stack__layer-scale--2">
                    <a href="#setup" aria-label="setup" class="homepage-matrix-stack__layer w-inline-block">
                      <div class="homepage-matrix-stack__icon w-embed"><svg width="100%" height="100%" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <g clip-path="url(#clip0_400_20173-074399)">
                            <path d="M12.6667 7.33377L3.33333 7.33377C2.6 7.33377 2 6.73372 2 6.00033L2 3.33344C2 2.60005 2.6 2 3.33333 2L12.6667 2C13.4 2 14 2.60005 14 3.33345L14 6.00033C14 6.73372 13.4 7.33377 12.6667 7.33377ZM4.66667 3.33344C3.93333 3.33344 3.33333 3.93349 3.33333 4.66689C3.33333 5.40028 3.93333 6.00033 4.66667 6.00033C5.4 6.00033 6 5.40028 6 4.66689C6 3.93349 5.4 3.33344 4.66667 3.33344ZM12.6667 14.001L3.33333 14.001C2.6 14.001 2 13.4009 2 12.6675L2 10.0007C2 9.26726 2.6 8.66721 3.33333 8.66721L12.6667 8.66721C13.4 8.66721 14 9.26726 14 10.0007L14 12.6675C14 13.4009 13.4 14.001 12.6667 14.001ZM4.66667 10.0007C3.93333 10.0007 3.33333 10.6007 3.33333 11.3341C3.33333 12.0675 3.93333 12.6675 4.66667 12.6675C5.4 12.6675 6 12.0675 6 11.3341C6 10.6007 5.4 10.0007 4.66667 10.0007Z" fill="currentColor"></path>
                          </g>
                          <defs>
                            <clippath id="clip0_400_20173-074399">
                              <rect width="16" height="16" fill="white" transform="matrix(1 1.7486e-07 1.74831e-07 -1 0 16)"></rect>
                            </clippath>
                          </defs>
                        </svg></div>
                      <div class="hp-stack-border"></div>
                      <div class="hp-stack-highlight-2"></div>
                    </a>
                  </div>
                  <div class="homepage-stack__layer-scale--3">
                    <a href="#data" aria-label="data" class="homepage-matrix-stack__layer w-inline-block">
                      <div class="homepage-matrix-stack__icon w-embed"><svg width="100%" height="100%" viewbox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path fill-rule="evenodd" clip-rule="evenodd" d="M18.8723 14.6177C19.5927 13.2363 20 11.6657 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.3607 4.21813 19.7362 9.51637 19.9885L11.6062 40.3643C8.35731 41.3818 6 44.4156 6 48C6 52.4183 9.58172 56 14 56C18.4183 56 22 52.4183 22 48C22 47.8959 21.998 47.7922 21.9941 47.6891L39.1712 41.4428C40.7191 44.1644 43.6452 46 47 46C51.9706 46 56 41.9706 56 37C56 32.0294 51.9706 28 47 28C44.555 28 42.3377 28.975 40.7157 30.5574L18.8723 14.6177ZM12.5009 19.6847C14.2723 19.2286 15.8536 18.2994 17.1022 17.0398L38.9457 32.9796C38.3405 34.1896 38 35.555 38 37C38 37.5543 38.0501 38.0969 38.146 38.6235L21.3103 44.7455C20.139 42.1185 17.5932 40.2391 14.5867 40.0212L12.5009 19.6847Z" fill="currentColor"></path>
                        </svg></div>
                      <div class="hp-stack-border"></div>
                      <div class="hp-stack-highlight-3"></div>
                    </a>
                  </div>
                </div>
              </div>
              <div class="hp-stack-summary-wrap">
                <a href="#conversations" class="hp-stack-summary">A frontend for your <strong class="hp-stack-summary__bold">conversations</strong><br></a>
                <a href="#setup" class="hp-stack-summary">A backend customised to your <strong class="hp-stack-summary__bold">setup</strong><br></a>
                <a href="#data" class="hp-stack-summary">An open standard for your <strong class="hp-stack-summary__bold">data</strong></a>
              </div>
            </div>
          </div>
        </div>
        <div id="conversations" class="wrapper-medium">
          <div class="hp-scroll__section">
            <div id="w-node-_156535aa-2720-61fc-48b3-527bc5bb53a0-a8e9a498" class="homepage-scroll-animation__content">
              <a href="/app-for-productivity" class="overline-wrap w-inline-block">
                <div class="homepage-scroll-animation__img">
                  <div class="icon-grad">
                    <div class="feature__icon-inline w-embed"><svg width="24" height="24" viewbox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.139085 52.4552L4.09022 38.9669C3.22733 37.1048 2.58016 35.1974 2.14871 33.2445C1.71727 31.2917 1.50154 29.2934 1.50154 27.2497C1.50154 23.4802 2.21684 19.9378 3.64742 16.6225C5.078 13.3072 7.01951 10.4233 9.47194 7.9709C11.9244 5.51847 14.8082 3.57696 18.1236 2.14638C21.4389 0.715795 24.9813 0.00050354 28.7508 0.00050354C32.5202 0.00050354 36.0626 0.715795 39.3779 2.14638C42.6933 3.57696 45.5771 5.51847 48.0296 7.9709C50.482 10.4233 52.4235 13.3072 53.8541 16.6225C55.2847 19.9378 56 23.4802 56 27.2497C56 31.0192 55.2847 34.5616 53.8541 37.8769C52.4235 41.1922 50.482 44.0761 48.0296 46.5285C45.5771 48.981 42.6933 50.9225 39.3779 52.353C36.0626 53.7836 32.5202 54.4989 28.7508 54.4989C26.7071 54.4989 24.7088 54.2832 22.7559 53.8518C20.8031 53.4203 18.8956 52.7731 17.0336 51.9103L3.54524 55.8614C2.50068 56.1793 1.59238 55.9522 0.820315 55.1802C0.0482538 54.4081 -0.178823 53.4998 0.139085 52.4552ZM18 32C20.2092 32 22 30.2091 22 28C22 25.7909 20.2092 24 18 24C15.7909 24 14 25.7909 14 28C14 30.2091 15.7909 32 18 32ZM33 28C33 30.2091 31.2092 32 29 32C26.7909 32 25 30.2091 25 28C25 25.7909 26.7909 24 29 24C31.2092 24 33 25.7909 33 28ZM40 32C42.2092 32 44 30.2091 44 28C44 25.7909 42.2092 24 40 24C37.7909 24 36 25.7909 36 28C36 30.2091 37.7909 32 40 32Z" fill="currentColor"></path>
                      </svg></div>
                  </div>
                </div>
                <p class="overline-grad overline-grad--dark">Frontend<br></p>
              </a>
              <h2 class="h2--large">Your conversations</h2>
              <p class="paragraph paragraph--dark">Collaborate with confidence. In real time, all the time with the <a href="/app-for-productivity" class="text-link text-link--dark">Element app</a>.<br></p>
            </div>
            <a id="w-node-_156535aa-2720-61fc-48b3-527bc5bb53b0-a8e9a498" data-w-id="156535aa-2720-61fc-48b3-527bc5bb53b0" href="/app-for-productivity" class="hp-conversations-images w-inline-block"><img src="images/hp-alice-message.webp" loading="lazy" width="309" style="opacity:0" alt="Alice sends a message: &quot;Great can you share the file?&quot;" class="hp-alice-message"><img src="images/hp-bob-message.webp" loading="lazy" width="304" style="opacity:0" alt="Bob shares a file: Insights.pdf" class="hp-file-share-image"><img src="images/hp-alice-location.webp" loading="lazy" width="326" style="opacity:0" alt="Alice shares a location" class="hp-location-sharing-image"><img src="images/read-receipts.webp" loading="lazy" width="134" style="opacity:0" alt="Read receipts" class="hp-read-receipts"></a>
          </div>
        </div>
        <div id="setup" class="wrapper-medium">
          <div class="hp-scroll__section">
            <div id="w-node-_156535aa-2720-61fc-48b3-527bc5bb53b8-a8e9a498" class="homepage-scroll-animation__content">
              <a href="/server-suite" class="overline-wrap w-inline-block">
                <div class="homepage-scroll-animation__img">
                  <div class="icon-grad">
                    <div class="feature__icon-inline w-embed"><svg width="24" height="24" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="url(#clip0_400_20173-074399)">
                          <path d="M12.6667 7.33377L3.33333 7.33377C2.6 7.33377 2 6.73372 2 6.00033L2 3.33344C2 2.60005 2.6 2 3.33333 2L12.6667 2C13.4 2 14 2.60005 14 3.33345L14 6.00033C14 6.73372 13.4 7.33377 12.6667 7.33377ZM4.66667 3.33344C3.93333 3.33344 3.33333 3.93349 3.33333 4.66689C3.33333 5.40028 3.93333 6.00033 4.66667 6.00033C5.4 6.00033 6 5.40028 6 4.66689C6 3.93349 5.4 3.33344 4.66667 3.33344ZM12.6667 14.001L3.33333 14.001C2.6 14.001 2 13.4009 2 12.6675L2 10.0007C2 9.26726 2.6 8.66721 3.33333 8.66721L12.6667 8.66721C13.4 8.66721 14 9.26726 14 10.0007L14 12.6675C14 13.4009 13.4 14.001 12.6667 14.001ZM4.66667 10.0007C3.93333 10.0007 3.33333 10.6007 3.33333 11.3341C3.33333 12.0675 3.93333 12.6675 4.66667 12.6675C5.4 12.6675 6 12.0675 6 11.3341C6 10.6007 5.4 10.0007 4.66667 10.0007Z" fill="currentColor"></path>
                        </g>
                        <defs>
                          <clippath id="clip0_400_20173-074399">
                            <rect width="16" height="16" fill="white" transform="matrix(1 1.7486e-07 1.74831e-07 -1 0 16)"></rect>
                          </clippath>
                        </defs>
                      </svg></div>
                  </div>
                </div>
                <p class="overline-grad overline-grad--dark">Backend<br></p>
              </a>
              <h2 class="h2--large">Your setup</h2>
              <p class="paragraph paragraph--dark">Self-hosted or fully managed deployments. Customise your network configurations and permissions with <a href="/server-suite" class="text-link text-link--dark">Element Server Suite</a>.<br></p>
            </div>
            <a id="w-node-_156535aa-2720-61fc-48b3-527bc5bb53c8-a8e9a498" href="/server-suite" class="hp-setup-image w-inline-block"><img class="hp-setup-image-modal" src="images/hp-setup-user-modal_1.webp" width="556" alt="User details, showing account creation date and options to change role to admin, reset password and delete user." style="opacity:0" sizes="(max-width: 479px) 64vw, (max-width: 767px) 57vw, (max-width: 991px) 58vw, 556px" data-w-id="156535aa-2720-61fc-48b3-527bc5bb53c9" loading="lazy" srcset="images/hp-setup-user-modal_1hp-setup-user-modal.webp 500w, images/hp-setup-user-modal_1hp-setup-user-modal.webp 800w, images/hp-setup-user-modal_1.webp 1112w"></a>
          </div>
        </div>
        <div id="data" class="wrapper-medium">
          <div class="hp-scroll__section">
            <div id="w-node-_156535aa-2720-61fc-48b3-527bc5bb53cd-a8e9a498" class="homepage-scroll-animation__content">
              <a href="/matrix-benefits" class="overline-wrap w-inline-block">
                <div class="homepage-scroll-animation__img">
                  <div class="icon-grad">
                    <div class="feature__icon-inline w-embed"><svg width="24" height="24" viewbox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M18.8723 14.6177C19.5927 13.2363 20 11.6657 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.3607 4.21813 19.7362 9.51637 19.9885L11.6062 40.3643C8.35731 41.3818 6 44.4156 6 48C6 52.4183 9.58172 56 14 56C18.4183 56 22 52.4183 22 48C22 47.8959 21.998 47.7922 21.9941 47.6891L39.1712 41.4428C40.7191 44.1644 43.6452 46 47 46C51.9706 46 56 41.9706 56 37C56 32.0294 51.9706 28 47 28C44.555 28 42.3377 28.975 40.7157 30.5574L18.8723 14.6177ZM12.5009 19.6847C14.2723 19.2286 15.8536 18.2994 17.1022 17.0398L38.9457 32.9796C38.3405 34.1896 38 35.555 38 37C38 37.5543 38.0501 38.0969 38.146 38.6235L21.3103 44.7455C20.139 42.1185 17.5932 40.2391 14.5867 40.0212L12.5009 19.6847Z" fill="currentColor"></path>
                      </svg></div>
                  </div>
                </div>
                <p class="overline-grad overline-grad--dark">Open standard<br></p>
              </a>
              <h2 class="h2--large">Your data</h2>
              <p class="paragraph paragraph--dark">Configure networks to suit your requirements using the <a href="/matrix-benefits" class="text-link text-link--dark">Matrix open standard</a>.<br></p>
            </div>
            <a id="w-node-_156535aa-2720-61fc-48b3-527bc5bb53dd-a8e9a498" href="/matrix-benefits" class="hp-network-wrap w-inline-block">
              <div class="hp-network-bg">
                <div class="hp-network-foreground">
                  <div class="hp-network-bob">
                    <div class="hp-network__user hp-network__user--right">
                      <div class="hp-network__title">Bob</div>
                      <div class="hp-network__server">element.io</div>
                    </div><img src="images/bob.webp" loading="lazy" width="72" alt="Bob on element.io homeserver" class="hp-network__avatar hp-network__avatar--bob">
                    <div class="hp-network__b w-embed"><svg viewbox="0 0 106 92" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <circle cx="60" cy="86" r="6" fill="#007FE1"></circle>
                        <circle cx="60" cy="86" r="5" stroke="#007FE1" stroke-opacity="0.5" stroke-width="2"></circle>
                        <circle cx="100" cy="58" r="6" fill="#007FE1"></circle>
                        <circle cx="100" cy="58" r="5" stroke="#007FE1" stroke-opacity="0.5" stroke-width="2"></circle>
                        <circle cx="100" cy="6" r="6" fill="#007FE1"></circle>
                        <circle cx="100" cy="6" r="5" stroke="#007FE1" stroke-opacity="0.5" stroke-width="2"></circle>
                        <circle cx="6" cy="72" r="6" fill="#007FE1"></circle>
                        <path d="M60 86.5186L6 71.3385M60 86.5186L100 5.87659M60 86.5186L99.5 58.6885M6 71.3385L100 5.87659M6 71.3385L99.5 58.6885M100 5.87659L99.5 58.6885" stroke="#007FE1" stroke-opacity="0.5" stroke-width="2"></path>
                      </svg></div>
                  </div>
                  <div class="hp-network-connection w-embed">
                    <style>
.hp-network-line {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#hp-network-line-anim {
	stroke-dasharray: 1 6;
  stroke-dashoffset: 80;
  stroke-linecap: round;
  animation-name: network-line;
  animation: network-line 8s infinite alternate ease-in-out;
  animation-delay: 300ms;
  stroke: url(#gradient2);
}
@keyframes network-line {
  0% {
    stroke-dashoffset: 80;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@media only screen and (max-width: 360px) {
  .hp-network-line {
  	display:none;
  }
}
</style>
                    <div class="hp-network-line">
                      <svg viewbox="0 0 694 188" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M1 187C138.5 -30.4159 512 -60.5429 693 114.129" stroke="url(#gradient2)" stroke-width="2" id="hp-network-line-anim"></path>
                        <defs>
                          <lineargradient id="gradient2" x1="694.985" y1="121.692" x2="53.1978" y2="340.138" gradientunits="userSpaceOnUse">
                            <stop stop-color="#007FE1"></stop>
                            <stop offset="1" stop-color="#0DBD8B"></stop>
                          </lineargradient>
                        </defs>
                      </svg>
                    </div>
                  </div>
                  <div class="hp-network-alice"><img src="images/alice.webp" loading="lazy" width="72" alt="Alice on example.com homeserver" class="hp-network__avatar">
                    <div class="hp-network__a w-embed"><svg viewbox="0 0 80 148" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M6 127L74 141M6 127L33.5 68.8767M6 127L34 6M34 6L74 141M34 6L33.5 68.8767M74 141L33.5 68.8767" stroke="#0DBD8B" stroke-opacity="0.5" stroke-width="2"></path>
                        <circle cx="34" cy="6" r="6" fill="#0DBD8B"></circle>
                        <circle cx="34" cy="69" r="6" fill="#0DBD8B"></circle>
                        <circle cx="74" cy="141" r="6" fill="#0DBD8B"></circle>
                        <circle cx="6" cy="127" r="6" fill="#0DBD8B"></circle>
                      </svg></div>
                    <div class="hp-network__user">
                      <div class="hp-network__title">Alice</div>
                      <div class="hp-network__server">example.com</div>
                    </div>
                  </div>
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="page-section page-section--dark">
    <div class="container-medium">
      <div class="wrapper-bottom-medium"><img src="images/matrix-founders-crop.png" loading="lazy" width="726" sizes="(max-width: 479px) 92vw, (max-width: 991px) 95vw, 770px" alt="Amandine Le Pape (COO) and Matthew Hodgson (CEO) at Element and co-founders of Matrix.org" srcset="images/matrix-founders-crop-p-500.png 500w, images/matrix-founders-crop-p-800.png 800w, images/matrix-founders-crop-p-1080.png 1080w, images/matrix-founders-crop.png 1452w" class="image-block">
        <div class="stack stack--center">
          <a href="http://matrix.org" class="hp-matrix-logo w-inline-block"><img src="images/matrix-logo-white.svg" loading="lazy" alt="Matrix.org (logo)"></a>
          <h2 class="h2--large">Built on Matrix</h2>
          <p class="paragraph paragraph--dark">Element is led by the creators of Matrix, the decentralised open standard for secure and sovereign real time communication.<br></p>
        </div>
        <div class="matrix__numbers-grid">
          <div id="w-node-_156535aa-2720-61fc-48b3-527bc5bb53fe-a8e9a498" class="matrix__number-tile">
            <div class="matrix__number-tile-text"><span class="matrix__number-tile-title">125M+</span><br>users worldwide</div>
          </div>
          <div id="w-node-_156535aa-2720-61fc-48b3-527bc5bb5404-a8e9a498" class="matrix__number-tile">
            <div class="matrix__number-tile-text"><span class="matrix__number-tile-title">100K+</span><br>deployments</div>
          </div>
          <div id="w-node-_156535aa-2720-61fc-48b3-527bc5bb540a-a8e9a498" class="matrix__number-tile">
            <div class="matrix__number-tile-text"><span class="matrix__number-tile-title">50M+</span><br> largest public deployment</div>
          </div>
          <div id="w-node-_156535aa-2720-61fc-48b3-527bc5bb5410-a8e9a498" class="matrix__number-tile">
            <div class="matrix__number-tile-text"><span class="matrix__number-tile-title">500K+</span><br>largest commercial deployment</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="section-transition-wrap">
    <div class="section-transition section-transition--dark-to-light"></div>
  </div>
  <div class="page-section">
    <div class="container">
      <div class="wrapper-bottom-medium">
        <div class="cta-section__title">
          <p class="overline-grad">A new sense of security</p>
          <h2 class="homepage-h2">Giving you the freedom to communicate on your own terms<span class="fullstop--green">.</span></h2>
          <div class="m-t-20">
            <a href="/about" class="cta-button cta-button--dark w-button">Our mission</a>
          </div>
        </div>
      </div>
      <div class="wrapper-bottom-medium">
        <div class="stack-row">
          <div class="stack stack--center">
            <h2 class="title">Trust</h2>
            <p class="paragraph">Communicate and collaborate with people and organisations you trust.<br></p>
          </div>
          <div class="stack stack--center">
            <h2 class="title">Choice</h2>
            <p class="paragraph">Choose how you host, share and manage your data.<br></p>
          </div>
          <div class="stack stack--center">
            <h2 class="title">Freedom</h2>
            <p class="paragraph">Freedom to structure discussion spaces and customise chat rooms.<br></p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="footer">
    <div class="container">
      <div class="footer__row">
        <div class="footer__col footer__col--logo"><img src="images/logo-mark-primary.svg" alt="" class="footer__col--logo__img"></div>
      </div>
      <div class="footer__row">
        <div class="footer__col">
          <h4 class="footer__h">Product</h4>
          <a href="/app-for-productivity" class="footer_a footer__a--list-link">The Element App</a>
          <a href="/server-suite" class="footer_a footer__a--list-link">Element Server Suite</a>
          <a href="/matrix-benefits" class="footer_a footer__a--list-link">The Matrix Standard</a>
          <a href="/features" class="footer_a footer__a--list-link">Features</a>
          <a href="/integrations" class="footer_a footer__a--list-link">Integrations</a>
          <a href="/features/support-and-slas" class="footer_a footer__a--list-link">Support and SLAs</a>
          <a href="/self-hosted-or-cloud" class="footer_a footer__a--list-link">Hosting</a>
          <a href="/pricing" class="footer_a footer__a--list-link">Pricing</a>
        </div>
        <div class="footer__col">
          <h4 class="footer__h">Solutions</h4>
          <a href="/sectors" class="footer_a footer__a--list-link">Sectors</a>
          <a href="/solutions" class="footer_a footer__a--list-link">Use cases</a>
          <a href="/customers" class="footer_a footer__a--list-link">Customers</a>
          <a href="/communities" class="footer_a footer__a--list-link">Communities</a>
          <a href="/personal" class="footer_a footer__a--list-link">Personal</a>
          <a href="/de/matrix-in-deutschland" class="footer_a footer__a--list-link">Matrix in Deutschland</a>
        </div>
        <div class="footer__col">
          <h4 class="footer__h">Resources</h4>
          <a href="https://element.io/blog" class="footer_a footer__a--list-link">Blog</a>
          <a href="/help" class="footer_a footer__a--list-link">Help</a>
          <a href="/about" class="footer_a footer__a--list-link">About</a>
          <a href="/user-guide" class="footer_a footer__a--list-link">User guide</a>
          <a href="/open-source" class="footer_a footer__a--list-link">Open source</a>
          <a href="/careers" class="footer_a footer__a--list-link">Careers</a>
          <a href="/labs" class="footer_a footer__a--list-link">Labs</a>
          <a href="/contact-us" class="footer_a footer__a--list-link">Contact us</a>
          <a href="https://status.element.io/" class="footer_a footer__a--list-link">Service status</a>
          <a href="/security/security-disclosure-policy" class="footer_a footer__a--list-link"> Security disclosure policy</a>
          <a href="/security/security-hall-of-fame" class="footer_a footer__a--list-link"> Security Hall of Fame</a>
        </div>
        <div class="footer__col">
          <h4 class="footer__h">Get Started</h4>
          <a href="https://app.element.io" target="_blank" class="footer_a footer__a--list-link">Open Element Web</a>
          <a href="/download" class="footer_a footer__a--list-link">Download</a>
          <a href="/contact-sales" class="footer_a footer__a--list-link">Contact Sales</a>
          <a href="https://ems.element.io/user/hosting#/hosts" class="footer_a footer__a--list-link">Admin Dashboard</a>
        </div>
      </div>
      <div class="footer__row m-b-0">
        <div class="footer__col">
          <div><img src="images/cyber-essentials-plus.webp" loading="lazy" width="64" alt="Cyber Essentials Plus" class="cyber-essentials-badge">
            <a href="https://www.iafcertsearch.org/certification/kwsMQetMdFeLCrQIIW3K0aSu" target="_blank" class="w-inline-block"><img src="images/ISOMark_27001-2022.png" loading="lazy" width="64" alt="ISO/IEC 27001:2022 certification" class="cyber-essentials-badge"></a>
          </div>
        </div>
      </div>
      <div class="footer__row">
        <div class="footer__col">
          <p class="footer__p">Copyright © 2016–2024 Element • <a href="/legal" class="link-2">Legal</a> • <a href="/privacy" class="link-2">Privacy</a>
          </p>
          <p class="text__small">All Rights Reserved. The Element name, logo and device are registered trade marks of New Vector Ltd</p>
        </div>
        <div class="footer__col footer__col--mast_right">
          <div class="footer__col--mast_right__logos">
            <a href="https://twitter.com/element_hq" class="footer__col__link w-inline-block"><img src="images/twitter.svg" alt="Twitter" class="image-4 social-media-img"></a>
            <a href="https://www.linkedin.com/company/element-hq" target="_blank" class="footer__col__link w-inline-block"><img src="images/linkedin.svg" alt="Linkedin" class="social-media-img"></a>
            <a href="https://github.com/element-hq" class="footer__col__link w-inline-block"><img src="images/github.svg" alt="Github" class="social-media-img"></a>
            <a href="https://www.youtube.com/channel/UCTW5bZLYK97SllqUQDwuxnA" class="footer__col__link w-inline-block"><img src="images/youtube-logo.svg" alt="" class="social-media-img"></a>
            <a href="https://mastodon.matrix.org/@Element" class="footer__col__link w-inline-block"><img src="images/mastodon-logo.svg" alt="" class="social-media-img"></a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5ef25c0d30ee3108da4c25e9" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  <script src="js/element-io.hasha7dbe4c193aede8eb3a924304afae0e9.js" type="text/javascript"></script>
</body>
</html>

Resolver

Resolver ASN
AS13335
Resolver IP
172.69.211.77
Resolver Network Name
Cloudflare Inc
Report ID
20240919T152418Z_webconnectivity_LY_328539_n1_o7ty5Vly6Okg1hBr
Platform
android
Software Name
ooniprobe-android-unattended (3.9.0)
Measurement Engine
ooniprobe-engine (3.23.0)

Raw Measurement Data

Loading