From f1167a06323289686d32c9e8549d45fa6496cc04 Mon Sep 17 00:00:00 2001 From: epoberezkin Date: Wed, 9 Sep 2026 10:54:13 +0000 Subject: [PATCH] deploy: 209f0a5f852a9b33903c8c9e53c08d4dd970be87 --- about/index.html | 62 + ar/contact/index.html | 62 + ar/fdroid/index.html | 62 + ar/file/index.html | 62 + ar/index.html | 62 + ar/invitation/index.html | 62 + ar/messaging/index.html | 62 + ar/old/index.html | 62 + ar/why/index.html | 62 + az/contact/index.html | 62 + az/fdroid/index.html | 62 + az/file/index.html | 62 + az/index.html | 62 + az/invitation/index.html | 62 + az/messaging/index.html | 62 + az/old/index.html | 62 + az/why/index.html | 62 + bg/contact/index.html | 62 + bg/fdroid/index.html | 62 + bg/file/index.html | 62 + bg/index.html | 62 + bg/invitation/index.html | 62 + bg/messaging/index.html | 62 + bg/old/index.html | 62 + bg/why/index.html | 62 + blog/20201022-simplex-chat.html | 62 + blog/20210512-simplex-chat-terminal-ui.html | 62 + blog/20210914-simplex-chat-v0.4-released.html | 62 + blog/20211208-simplex-chat-v0.5-released.html | 62 + blog/20220112-simplex-chat-v1-released.html | 62 + ...20220214-simplex-chat-ios-public-beta.html | 62 + blog/20220308-simplex-chat-mobile-apps.html | 62 + ...04-simplex-chat-instant-notifications.html | 62 + ...20220511-simplex-chat-v2-images-files.html | 62 + .../20220524-simplex-chat-better-privacy.html | 62 + ...ex-chat-new-privacy-security-settings.html | 62 + ...e-export-import-protocol-improvements.html | 62 + ...mplex-chat-v3.1-tor-groups-efficiency.html | 62 + ...0220808-simplex-chat-v3.1-chat-groups.html | 62 + ...0901-simplex-chat-v3.2-incognito-mode.html | 62 + ...28-simplex-chat-v4-encrypted-database.html | 62 + ...-chat-v4.2-security-audit-new-website.html | 62 + ...1206-simplex-chat-v4.3-voice-messages.html | 62 + ...mplex-chat-v4.4-disappearing-messages.html | 62 + ...-simplex-chat-v4-5-user-chat-profiles.html | 62 + ...230301-simplex-file-transfer-protocol.html | 62 + ...328-simplex-chat-v4-6-hidden-profiles.html | 62 + ...sion-funding-v5-videos-files-passcode.html | 62 + ...sage-reactions-self-destruct-passcode.html | 62 + ...x-chat-v5-2-message-delivery-receipts.html | 62 + ...cal-file-encryption-directory-service.html | 62 + ...sktop-quantum-resistant-better-groups.html | 62 + ...implex-ux-private-notes-group-history.html | 62 + ...tance-signal-double-ratchet-algorithm.html | 62 + ...stant-e2e-encryption-simple-migration.html | 62 + ...i-joined-simplex-chat-esraa-al-shafei.html | 62 + ...416-dangers-of-metadata-in-messengers.html | 62 + ...nsparency-v5-7-better-user-experience.html | 62 + ...mplex-redefining-privacy-hard-choices.html | 62 + ...ildren-safety-requires-e2e-encryption.html | 62 + ...8-private-message-routing-chat-themes.html | 62 + ...f-privacy-enforcing-privacy-standards.html | 62 + ...6-private-routing-new-user-experience.html | 62 + ...y-review-better-calls-user-experience.html | 62 + blog/20241016-wired-attack-on-privacy.html | 62 + ...cy-and-decentralization-for-all-users.html | 62 + ...k-v6-2-servers-by-flux-business-chats.html | 62 + ...k-law-lead-to-mass-scale-surveillance.html | 62 + ...privacy-preserving-content-moderation.html | 62 + ...er-experience-safety-in-public-groups.html | 62 + ...ension-for-securely-connecting-people.html | 62 + ...-contacts-protect-groups-app-security.html | 62 + ...ortium-crowdfunding-freedom-of-speech.html | 62 + blog/20260722-simplex-public-names.html | 62 + blog/20260819-simplex-chat-crowdfunding.html | 62 + ...nick-rogers-why-i-backed-simplex-chat.html | 62 + blog/index.html | 62 + contact/index.html | 62 + credits/index.html | 62 + crowdfunding-news/index.html | 62 + crowdfunding/index.html | 2093 ++++++++++++----- cs/contact/index.html | 62 + cs/fdroid/index.html | 62 + cs/file/index.html | 62 + cs/index.html | 62 + cs/invitation/index.html | 62 + cs/messaging/index.html | 62 + cs/old/index.html | 62 + cs/why/index.html | 62 + css/tailwind.css | 9 + de/contact/index.html | 62 + de/fdroid/index.html | 62 + de/file/index.html | 62 + de/index.html | 62 + de/invitation/index.html | 62 + de/messaging/index.html | 62 + de/old/index.html | 62 + de/why/index.html | 62 + directory/index.html | 62 + docs/android.html | 62 + docs/business.html | 62 + docs/chat-relay.html | 62 + docs/cli.html | 62 + docs/code_of_conduct.html | 62 + docs/contributing.html | 62 + docs/directory.html | 62 + docs/glossary.html | 62 + docs/guide/app-settings.html | 62 + docs/guide/audio-video-calls.html | 62 + docs/guide/channel-webpage.html | 62 + docs/guide/chat-profiles.html | 62 + docs/guide/making-connections.html | 62 + docs/guide/managing-data.html | 62 + docs/guide/privacy-security.html | 62 + docs/guide/readme.html | 62 + docs/guide/register-simplex-name.html | 62 + docs/guide/secret-groups.html | 62 + docs/guide/send-messages.html | 62 + docs/lang/cs/android.html | 62 + docs/lang/cs/cli.html | 62 + docs/lang/cs/contributing.html | 62 + docs/lang/cs/server.html | 62 + docs/lang/cs/simplex.html | 62 + docs/lang/cs/translations.html | 62 + docs/lang/cs/webrtc.html | 62 + docs/lang/fr/android.html | 62 + docs/lang/fr/cli.html | 62 + docs/lang/fr/contributing.html | 62 + docs/lang/fr/server.html | 62 + docs/lang/fr/simplex.html | 62 + docs/lang/fr/translations.html | 62 + docs/lang/fr/webrtc.html | 62 + docs/lang/pl/android.html | 62 + docs/lang/pl/cli.html | 62 + docs/lang/pl/contributing.html | 62 + docs/lang/pl/server.html | 62 + docs/lang/pl/simplex.html | 62 + docs/lang/pl/translations.html | 62 + docs/lang/pl/webrtc.html | 62 + docs/protocol/channels-overview.html | 62 + docs/protocol/channels-protocol.html | 62 + docs/protocol/names-overview.html | 62 + docs/protocol/simplex-chat.html | 62 + docs/server.html | 62 + docs/simplex.html | 62 + docs/themes.html | 62 + docs/trademark.html | 62 + docs/translations.html | 62 + docs/webrtc.html | 62 + docs/why.html | 62 + docs/xftp-server.html | 62 + donate/index.html | 62 + downloads/index.html | 62 + en/contact/index.html | 62 + en/fdroid/index.html | 62 + en/file/index.html | 62 + en/index.html | 62 + en/invitation/index.html | 62 + en/messaging/index.html | 62 + en/old/index.html | 62 + en/why/index.html | 62 + es/contact/index.html | 62 + es/fdroid/index.html | 62 + es/file/index.html | 62 + es/index.html | 62 + es/invitation/index.html | 62 + es/messaging/index.html | 62 + es/old/index.html | 62 + es/why/index.html | 62 + fa/contact/index.html | 62 + fa/fdroid/index.html | 62 + fa/file/index.html | 62 + fa/index.html | 62 + fa/invitation/index.html | 62 + fa/messaging/index.html | 62 + fa/old/index.html | 62 + fa/why/index.html | 62 + faq/index.html | 62 + fdroid/index.html | 62 + fi/contact/index.html | 62 + fi/fdroid/index.html | 62 + fi/file/index.html | 62 + fi/index.html | 62 + fi/invitation/index.html | 62 + fi/messaging/index.html | 62 + fi/old/index.html | 62 + fi/why/index.html | 62 + file/index.html | 62 + fr/contact/index.html | 62 + fr/fdroid/index.html | 62 + fr/file/index.html | 62 + fr/index.html | 62 + fr/invitation/index.html | 62 + fr/messaging/index.html | 62 + fr/old/index.html | 62 + fr/why/index.html | 62 + he/contact/index.html | 62 + he/fdroid/index.html | 62 + he/file/index.html | 62 + he/index.html | 62 + he/invitation/index.html | 62 + he/messaging/index.html | 62 + he/old/index.html | 62 + he/why/index.html | 62 + hu/contact/index.html | 62 + hu/fdroid/index.html | 62 + hu/file/index.html | 62 + hu/index.html | 62 + hu/invitation/index.html | 62 + hu/messaging/index.html | 62 + hu/old/index.html | 62 + hu/why/index.html | 62 + id/contact/index.html | 62 + id/fdroid/index.html | 62 + id/file/index.html | 62 + id/index.html | 62 + id/invitation/index.html | 62 + id/messaging/index.html | 62 + id/old/index.html | 62 + id/why/index.html | 62 + img/crowdfunding/ai.png | Bin 0 -> 773581 bytes img/crowdfunding/cloud-download.png | Bin 0 -> 1955 bytes img/crowdfunding/comparison.png | Bin 0 -> 153004 bytes img/crowdfunding/github-stars.png | Bin 0 -> 80238 bytes img/crowdfunding/p2p.png | Bin 0 -> 1966 bytes img/crowdfunding/phone-mask.png | Bin 0 -> 36696 bytes img/crowdfunding/phone.png | Bin 0 -> 405902 bytes img/crowdfunding/problem.png | Bin 0 -> 354068 bytes img/crowdfunding/simplex-chat-pitch-deck.pdf | Bin 0 -> 2417923 bytes img/crowdfunding/simplex-growth-2.png | Bin 0 -> 220105 bytes img/crowdfunding/simplex-growth.png | Bin 0 -> 179631 bytes index.html | 62 + invitation/index.html | 62 + it/contact/index.html | 62 + it/fdroid/index.html | 62 + it/file/index.html | 62 + it/index.html | 62 + it/invitation/index.html | 62 + it/messaging/index.html | 62 + it/old/index.html | 62 + it/why/index.html | 62 + ja/contact/index.html | 62 + ja/fdroid/index.html | 62 + ja/file/index.html | 62 + ja/index.html | 62 + ja/invitation/index.html | 62 + ja/messaging/index.html | 62 + ja/old/index.html | 62 + ja/why/index.html | 62 + jobs/index.html | 62 + js/livestream.js | 10 - links/index.html | 62 + livestream/index.html | 67 +- messaging/index.html | 62 + news/index.html | 62 + nl/contact/index.html | 62 + nl/fdroid/index.html | 62 + nl/file/index.html | 62 + nl/index.html | 62 + nl/invitation/index.html | 62 + nl/messaging/index.html | 62 + nl/old/index.html | 62 + nl/why/index.html | 62 + old/index.html | 62 + pl/contact/index.html | 62 + pl/fdroid/index.html | 62 + pl/file/index.html | 62 + pl/index.html | 62 + pl/invitation/index.html | 62 + pl/messaging/index.html | 62 + pl/old/index.html | 62 + pl/why/index.html | 62 + privacy/index.html | 62 + pt_BR/contact/index.html | 62 + pt_BR/fdroid/index.html | 62 + pt_BR/file/index.html | 62 + pt_BR/index.html | 62 + pt_BR/invitation/index.html | 62 + pt_BR/messaging/index.html | 62 + pt_BR/old/index.html | 62 + pt_BR/why/index.html | 62 + reproduce/index.html | 62 + ro/contact/index.html | 62 + ro/fdroid/index.html | 62 + ro/file/index.html | 62 + ro/index.html | 62 + ro/invitation/index.html | 62 + ro/messaging/index.html | 62 + ro/old/index.html | 62 + ro/why/index.html | 62 + ru/contact/index.html | 62 + ru/fdroid/index.html | 62 + ru/file/index.html | 62 + ru/index.html | 62 + ru/invitation/index.html | 62 + ru/messaging/index.html | 62 + ru/old/index.html | 62 + ru/why/index.html | 62 + security/index.html | 62 + subscribe/confirmed/index.html | 62 + subscribe/thankyou/index.html | 62 + tr/contact/index.html | 62 + tr/fdroid/index.html | 62 + tr/file/index.html | 62 + tr/index.html | 62 + tr/invitation/index.html | 62 + tr/messaging/index.html | 62 + tr/old/index.html | 62 + tr/why/index.html | 62 + transparency/index.html | 62 + uk/contact/index.html | 62 + uk/fdroid/index.html | 62 + uk/file/index.html | 62 + uk/index.html | 62 + uk/invitation/index.html | 62 + uk/messaging/index.html | 62 + uk/old/index.html | 62 + uk/why/index.html | 62 + why/index.html | 62 + zh_Hans/contact/index.html | 62 + zh_Hans/fdroid/index.html | 62 + zh_Hans/file/index.html | 62 + zh_Hans/index.html | 62 + zh_Hans/invitation/index.html | 62 + zh_Hans/messaging/index.html | 62 + zh_Hans/old/index.html | 62 + zh_Hans/why/index.html | 62 + zh_Hant/contact/index.html | 62 + zh_Hant/fdroid/index.html | 62 + zh_Hant/file/index.html | 62 + zh_Hant/index.html | 62 + zh_Hant/invitation/index.html | 62 + zh_Hant/messaging/index.html | 62 + zh_Hant/old/index.html | 62 + zh_Hant/why/index.html | 62 + 335 files changed, 21401 insertions(+), 618 deletions(-) create mode 100644 img/crowdfunding/ai.png create mode 100644 img/crowdfunding/cloud-download.png create mode 100644 img/crowdfunding/comparison.png create mode 100644 img/crowdfunding/github-stars.png create mode 100644 img/crowdfunding/p2p.png create mode 100644 img/crowdfunding/phone-mask.png create mode 100644 img/crowdfunding/phone.png create mode 100644 img/crowdfunding/problem.png create mode 100644 img/crowdfunding/simplex-chat-pitch-deck.pdf create mode 100644 img/crowdfunding/simplex-growth-2.png create mode 100644 img/crowdfunding/simplex-growth.png diff --git a/about/index.html b/about/index.html index aeca5d0e6a..444c7867bd 100644 --- a/about/index.html +++ b/about/index.html @@ -311,6 +311,68 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - Get a Stake in SimpleX Chat - - - - + + + + Invest in SimpleX Chat + - - + + - - - - + + + + + + + + + + - - + + -
-
-

Get a Stake in SimpleX Chat

- -

SimpleX Chat — the company that builds the first and the only messaging network without any user identifiers — is raising its community round. By investing, you can benefit from the company growth, and help us build the future of private and secure communications. Learn more and invest on Wefunder.

- -Live event -SimpleX Chat: Foundation for the Future -Livestream and Q&A about SimpleX Chat roadmap and crowdfunding. Tuesday, September 15, 2026 at 5:00 PM UTC. -Open event page - -

Every other network can identify users

-

For 150 years, all networks required user identifiers — phone numbers, usernames, random IDs or public keys. To be reachable, you had to be identifiable. User identification gives networks power over users: to surveil their private life, to sell their data, and to revoke access. Even encrypted platforms see who you talk to, when, and where — and pseudonyms don't help, because your contacts are a fingerprint.

-

Identification also gives platforms the power to censor public speech without due process. Telegram blocked 44 million groups and channels in 2025 alone. Publishers and content creators build audiences on borrowed infrastructure — one policy change, and the audience that took years to build can be gone.

-

The root cause of these problems is user identifiers. The solution is not better policies or stronger encryption with the same architecture — it is a different architecture, without any user IDs.

-

The first network without any user identifiers

- -

We invented and built SimpleX Network. It uses no phone numbers, emails, or user accounts — every conversation has its own network address, removing the need for any user IDs. There is no user data on the servers that could be breached or sold — all user data exists only on user devices. The network runs on multiple independent operators — SimpleX Chat and Flux are preconfigured in the app, and anyone can run their own servers.

-

SimpleX Chat also supports public groups and channels, where owners fully control them, and nobody can take their work, because only the users hold the keys. SimpleX software is open-source and based on open protocols, audited by Trail of Bits in 2022, 2024, and 2026 (to be published).

-

480,000+ users joined on their own

- -

Over 480,000 people use SimpleX Chat every month — more than doubling every year — and all of them found it without any paid marketing. 3 million people have downloaded the app, and users send 20 million messages a day via pre-configured servers.

-

Users have donated over $650,000, paying for something they could use for free. All of it was built on a total investment of just $1.7M by 5 people team over 4.5 years.

-

A network others build on

- -

In addition to people who use SimpleX Chat for private messaging, four other kinds of participants came to the network: creators with thousands of public groups and channels, businesses supporting customers over SimpleX, developers building on the open protocols (19K+ GitHub stars), and ~1,000 servers run by volunteers, plus Flux and StormyCloud. Each group makes the network more valuable to the rest, driving organic growth.

-

Independent developers created moderation and AI bots, Telegram bridges, and a public server registry. Every service developers build on SimpleX Network may increase its value, and bring new users to SimpleX Chat. And the SimpleX Network Consortium — an agreement between a non-profit foundation and SimpleX Chat — prevents any single company from controlling the network.

-

Why SimpleX cannot be copied

- -

No other communication system combines scalable one-to-many delivery, sovereign ownership, infrastructure independence, and participation privacy — and removing user identifiers from an existing network is hard for three reasons:

-
    -
  • Technically: other networks rely on user IDs to route messages — they would have to rebuild from scratch.
    • -
  • Economically: large platforms monetize user identifiers — removing IDs would destroy their revenue model.
    • -
  • Cold start: a newcomer would need users, creators, businesses, developers, and servers, all at the same time — while competing with the SimpleX Network.
    • -
- - -
    -
  • Growing surveillance of private life: big centralized platforms are keen to scan private messages to train their AI models, supported by proposed laws. More people would move to private messaging that keeps no record of who they talk to.
    • -
  • Accelerating deplatforming: more and more creators are removed from centralized platforms, without any due process. An audience built over years can disappear with one policy change.
    • -
  • AI agents acting for people: if a platform controls an agent's identity, the platform can shut the agent down or turn it against the person it works for. User-controlled IDs are a basic security for the agentic Internet, not a preference.
    • -
-

All three trends increase the demand for identity-free messaging. None of the existing networks can provide it.

-

Revenue plan: free for users, channels & businesses pay

- -

Private messaging should remain free for the users. Instead, we plan to earn from the infrastructure and services that channels and businesses need:

-
    -
  • SimpleX public names — globally unique names for a public channel or business, paid yearly and controlled by the owner's key, so no one can seize them. If you invest $500 or more, you would receive a name as a perk for 7 years, if you invest by September 22, for 5 years during early bird, and for 3 years after that.
    • -
  • Business messaging — a web widget that adds encrypted chat to any website with one line of code, built for privacy-first businesses and sectors where anonymity is required.
    • -
  • Paid servers for big channels — channels that have grown beyond the free tier pay for the servers that deliver their messages, with server operators earning most of the revenue.
    • -
-

Read about how we plan to make SimpleX Chat and network profitable, and about all the investment terms, on Wefunder.

-

Get a stake

-

We are building a network that people own. Businesses, creators, and publishers keep the audiences and communities they build, and no company can take them away or unilaterally shut them down. By investing, you benefit from the company growth, and become part of building that future.

-
- Learn more on Wefunder - or ask questions via SimpleX Chat -
- -
-
+ body { + background: #02071D; + font-family: "GT-Walsheim", Gilroy, Helvetica, sans-serif; + } - -
-
-
-
- logo - + /* ---- per-section background: transparent illustration over gradient ---- */ + section.page.cf { + --cf-band: 64px; + /* backgrounds positioned by a length from the box top must add the + band back, or the extension drags them up with the box */ + --cf-band-shift: 0px; + background-position: center, center; + background-repeat: no-repeat, no-repeat; + background-size: var(--cover-bg-w) var(--cover-bg-h), 102% 102%; + } -
-
- - Why we are building it - - - About & Contact us - - - Privacy Policy - - - Join team - - - Donate - - + /* only the section in view is extended, and only upward, so nothing + protrudes at the bottom of the one above. The negative margin cancels + the padding, so the flow is unchanged and nothing moves as the class + travels; scroll-margin-top keeps the snap on the content. */ + html.safari-ios section.page.cf.cf-current, + html.chrome-ios section.page.cf.cf-current { + --cf-band-shift: var(--cf-band); + margin-top: calc(-1 * var(--cf-band)); + padding-top: var(--cf-band); + scroll-margin-top: calc(-1 * var(--cf-band)); + } + + /* the footer stays fit-content: it must not fill the screen */ + html.safari-ios section.page.cf.cf-current:not(.cf-footer), + html.chrome-ios section.page.cf.cf-current:not(.cf-footer) { + height: calc(110lvh + var(--cf-band)); + min-height: calc(110lvh + var(--cf-band)); + } + + section.page.cf.cf-light { background-image: var(--cf-art), var(--cf-grad-light); } + section.page.cf.cf-dark { background-image: var(--cf-art), var(--cf-grad-dark); } + + /* Art paths */ + .cf-problem { --cf-art: url("/img/crowdfunding/problem.png"); } + .cf-growth { --cf-art: url("/img/crowdfunding/simplex-growth-2.png"); } + .cf-network { --cf-art: url("/img/design_3/section-3-desktop-light.webp"); } /* 5 participants - home page */ + .cf-revenue { --cf-art: url("/img/design_3/section-4-desktop-light.webp"); } /* Funded by Its Users - home page */ + + + /* hero + close: full-bleed globe (home page hero cover) */ + section.page.cf.cf-hero, + section.page.cf.cf-close { + background-color: #02071D; + background-image: url("/img/design_3/cover.webp"); + background-size: var(--cover-bg-w) var(--cover-bg-h); + background-position: center; + } + + section.page.cf.cf-hero, + section.page.cf.cf-close { + background-position: calc(50% + var(--sec-vwu) * 40.3) calc(50% + var(--sec-vhu) * 2.2); + } + + /* problem + growth: standalone graphics sit inside the fixed 16:9 box + (.area), the same coordinate system as the text, so both margins are + 7.5vwu from the box edge and the text-to-art gap scales with the box */ + section.page.cf.cf-problem { background-image: var(--cf-grad-dark); background-size: 102% 102%; background-position: center; } + section.page.cf.cf-growth { background-image: var(--cf-grad-light); background-size: 102% 102%; background-position: center; } + section.page.cf.cf-moat { background-image: var(--cf-grad-light); background-size: 102% 102%; background-position: center; } + section.page.cf.cf-build { background-image: var(--cf-grad-light); background-size: 102% 102%; background-position: center; } + .cf-build .area { + background: url("/img/crowdfunding/github-stars.png") no-repeat right calc(var(--sec-vwu) * 7.5) center; + background-size: calc(var(--sec-vwu) * 42) auto; + } + .cf-moat .area { + background: url("/img/crowdfunding/comparison.png") no-repeat right calc(var(--sec-vwu) * 7.5) center; + background-size: calc(var(--sec-vwu) * 46) auto; + } + .cf-problem .area { + background: url("/img/crowdfunding/problem.png") no-repeat left calc(var(--sec-vwu) * 7.5) center; + background-size: calc(var(--sec-vwu) * 40) auto; + } + .cf-growth .area { + background: url("/img/crowdfunding/simplex-growth-2.png") no-repeat right calc(var(--sec-vwu) * 7.5) center; + background-size: calc(var(--sec-vwu) * 44) auto; + } + + /* ---- text colours per theme (design3.css defaults are the light theme) ---- */ + .cf-dark .text-container h2, + .cf-dark .text-container p { color: #ffffff; } + .cf-light .text-container h2 { color: var(--cf-ink); } + .cf-light .text-container p { color: #06214a; } + + /* text placement: alternate side by side with the art */ + .cf-right .text-container { margin-left: auto; } + .cf-left .text-container { margin-right: auto; } + + /* ---- centered content (hero + close) ---- */ + section.page.cf-center { flex-direction: column; } + + .cf-center .content { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + gap: calc(var(--sec-vhu) * 3.2); + width: var(--sec-w); + height: var(--sec-h); + padding: 0 calc(var(--sec-vwu) * 6); + z-index: 2; + } + + .cf-center h1 { + font-family: "GT-Walsheim", sans-serif; + font-weight: 700; + font-size: calc(var(--sec-vwu) * 6.4); + line-height: 1.0; + letter-spacing: -0.025em; + color: #ffffff; + max-width: calc(var(--sec-vwu) * 62); + } + + .cf-center .lead { + font-family: "Manrope", sans-serif; + font-weight: 300; + font-size: calc(var(--sec-vwu) * 2.15); + line-height: 1.5; + color: #dfeaff; + max-width: calc(var(--sec-vwu) * 50); + } + + .cf-center .lead strong { font-weight: 600; color: #ffffff; } + + /* ---- hero: text left, phone right, bleeding off the bottom ---- */ + section.page.cf.cf-hero { overflow: hidden; } + .cf-hero .area { position: relative; display: flex; align-items: center; } + + .cf-hero-text { + margin-left: calc(var(--sec-vwu) * 7.5); + width: calc(var(--sec-vwu) * 45); + position: relative; + z-index: 4; + } + + .cf-hero h1 { + font-family: "GT-Walsheim", sans-serif; + font-weight: 400; + font-size: calc(var(--sec-vwu) * 4.94); + line-height: 1.05; + letter-spacing: -0.025em; + color: #ffffff; + } + + .cf-hero .lead { + font-family: "Manrope", sans-serif; + font-weight: 300; + font-size: calc(var(--sec-vwu) * 1.55); + line-height: 1.55; + color: #dfeaff; + margin-top: calc(var(--sec-vhu) * 3); + max-width: calc(var(--sec-vwu) * 40); + } + + .cf-stats { + display: flex; + gap: calc(var(--sec-vwu) * 5); + margin-top: calc(var(--sec-vhu) * 6); + position: relative; + top: calc(var(--sec-vhu) * 2); + } + .cf-stat { display: flex; align-items: center; gap: calc(var(--sec-vwu) * 1.1); } + .cf-stat img { width: calc(var(--sec-vwu) * 4); height: auto; display: block; } + .cf-stat b { + display: block; + font-family: "Manrope", sans-serif; + font-weight: 700; + font-size: calc(var(--sec-vwu) * 3); + line-height: 1.1; + color: #ffffff; + } + .cf-stat span { + font-family: "Manrope", sans-serif; + font-weight: 400; + font-size: calc(var(--sec-vwu) * 1.6); + color: #dfeaff; + } + + .cf-hero .cf-live-link { display: inline-block; margin-top: calc(var(--sec-vhu) * 5); font-size: calc(var(--sec-vwu) * 2.2); position: relative; top: calc(var(--sec-vhu) * 1.5); } + + /* ---- close: same left-aligned layout as the hero ---- */ + .cf-close .area { position: relative; display: flex; align-items: flex-end; padding: 0 calc(var(--sec-vwu) * 7.5) calc(var(--sec-vhu) * 22) 0; } + .cf-close .cf-hero-text { width: calc(var(--sec-vwu) * 51); flex: none; position: relative; top: 0; } + .cf-close .cf-close-call { white-space: nowrap; } + + .cf-close-offer { + width: calc(var(--sec-vwu) * 30); + flex: none; + margin-left: auto; + padding: calc(var(--sec-vhu) * 4.5) calc(var(--sec-vwu) * 2.6); + border: 1px solid rgba(255, 255, 255, .22); + border-radius: calc(var(--sec-vwu) * 1.2); + background: rgba(255, 255, 255, .05); + backdrop-filter: blur(6px); + -webkit-backdrop-filter: blur(6px); + } + .cf-close-offer p { + font-family: "Manrope", sans-serif; + font-weight: 300; + font-size: calc(var(--sec-vwu) * 1.55); + line-height: 1.6; + color: #ffffff; + } + .cf-close h1 { + font-family: "GT-Walsheim", sans-serif; + font-weight: 400; + font-size: calc(var(--sec-vwu) * 4.94); + line-height: 1.05; + letter-spacing: -0.025em; + color: #ffffff; + } + .cf-close .lead { + font-family: "Manrope", sans-serif; + font-weight: 300; + font-size: calc(var(--sec-vwu) * 2.4); + line-height: 1.55; + color: #ffffff; + margin-top: calc(var(--sec-vhu) * 7); + } + .cf-close .cf-close-call { + font-family: "Manrope", sans-serif; + font-weight: 500; + font-size: calc(var(--sec-vwu) * 2.4); + line-height: 1.6; + margin-top: calc(var(--sec-vhu) * 4.5); + color: #ffffff; + width: fit-content; + } + .cf-close .cf-hero-cta { margin-top: calc(var(--sec-vhu) * 7); } + .cf-close .cf-live-link { display: inline-block; margin-top: calc(var(--sec-vhu) * 4.5); font-size: calc(var(--sec-vwu) * 2.2); position: relative; top: 0; } + + .cf-phone { + position: absolute; + right: calc(var(--sec-vwu) * -4.6); + bottom: calc(var(--sec-vhu) * -71.5); + height: calc(var(--sec-vhu) * 144.4); + width: auto; + z-index: 1; + } + + .cf-mask { + position: absolute; + left: calc(var(--sec-vwu) * 61.2); + top: calc(var(--sec-vhu) * 27.3); + height: calc(var(--sec-vhu) * 41.4); + width: auto; + opacity: .38; + z-index: 2; + } + + .cf-hero-fade { + position: absolute; + right: calc(var(--sec-vwu) * -4.6); + width: calc(var(--sec-vhu) * 144.4 * 0.4914); + bottom: calc((var(--sec-h) - 100svh) / 2); + height: calc(var(--sec-vhu) * 38); + background: linear-gradient(to top, #02071D 22%, rgba(2, 7, 29, .8) 52%, rgba(2, 7, 29, 0) 100%); + z-index: 3; + pointer-events: none; + } + + .cf-ctas { + position: fixed; + left: 0; + right: 0; + top: 0; + height: 100svh; + height: 100dvh; + z-index: 50000; + pointer-events: none; + } + + /* hero: the same pills, inline and scaling with the section box */ + .cf-hero-cta { + display: flex; + align-items: center; + gap: calc(var(--sec-vhu) * 4.34); + margin-top: calc(var(--sec-vhu) * 4.5); + } + .cf-hero-cta .cf-primary { + background: linear-gradient(180deg, #00F0FF 0%, #00C7FF 38%, #008FFF 100%); + color: #ffffff; + } + .cf-hero-invest-link { + display: flex; + align-items: center; + gap: calc(var(--sec-vwu) * 0.7); + font-family: "Manrope", sans-serif; + font-weight: 400; + font-size: calc(var(--sec-vwu) * 1.5); + text-decoration: none; + white-space: nowrap; + background: linear-gradient(90deg, #019bfe 0%, #64fdff 58%, #c8feff 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; + color: transparent; + --wf-capital-nav-logo-fill: #64fdff; + } + .cf-hero-invest-link svg { height: calc(var(--sec-vwu) * 2.1); width: auto; display: block; transform: translateY(calc(var(--sec-vwu) * -0.25)); } + .cf-hero-invest-link:focus-visible { outline: 2px solid #ffffff; outline-offset: 4px; border-radius: 4px; } + .cf-hero-cta .cf-pill { + position: relative; + right: auto; + top: auto; + bottom: auto; + width: calc(var(--sec-vwu) * 24.5); + height: calc(var(--sec-vhu) * 7); + padding: 0; + font-size: calc(var(--sec-vwu) * 1.5); + gap: calc(var(--sec-vwu) * 0.7); + justify-content: center; + } + .cf-hero-cta .cf-pill svg { height: calc(var(--sec-vwu) * 2.1); transform: translateY(calc(var(--sec-vwu) * -0.25)); } + + .cf-pill { + position: absolute; + pointer-events: auto; + right: 30px; + height: 48px; + padding: 0 28px; + display: flex; + align-items: center; + font-family: "Manrope", sans-serif; + font-size: 17px; + font-weight: 600; + border-radius: 999px; + text-decoration: none; + white-space: nowrap; + } + .cf-pill:focus-visible { outline: 2px solid #006cd7; outline-offset: 2px; } + .cf-pill:active { transform: translateY(1px); } + + .cf-top { top: 30px; } + .cf-bottom { bottom: 30px; } + + .cf-primary { + background: linear-gradient(90deg, #019bfe 0%, #2e3fa0 100%); + color: #ffffff; + --wf-capital-nav-logo-fill: #ffffff; + } + .cf-primary:hover { filter: brightness(1.07); } + .cf-primary:focus-visible { outline-color: #ffffff; } + + .cf-secondary { + background: #ffffff; + color: #006cd7; + border: 1px solid rgba(2, 55, 137, .15); + --wf-capital-nav-logo-fill: #006cd7; + } + .cf-secondary:hover { box-shadow: 0 0 0 1px #80b6eb; } + + .cf-pill { gap: 9px; } + .cf-pill svg { height: 30px; width: auto; display: block; transform: translateY(-3.5px); } + + /* the hero's invest control keeps the pill's slot, not its skin */ + .cf-pill.cf-hero-invest-link { + padding: 0; + font-weight: 400; + font-size: calc(var(--sec-vwu) * 1.5); + gap: calc(var(--sec-vwu) * 0.7); + } + .cf-pill.cf-hero-invest-link svg { height: calc(var(--sec-vwu) * 2.1); transform: translateY(calc(var(--sec-vwu) * -0.25)); } + + @media screen and (min-width: 960px) { + .cf-pill { width: 252px; justify-content: center; } + } + + .cf-live-link { + font-family: "Manrope", sans-serif; + font-weight: 300; + font-size: calc(var(--sec-vwu) * 1.9); + background: linear-gradient(90deg, #019bfe 0%, #64fdff 58%, #c8feff 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; + color: transparent; + text-decoration: none; + } + .cf-live-link:focus-visible { outline: 2px solid #019bfe; outline-offset: 2px; } + + .cf-pill, + .cf-live-link, + .cf-hero-invest-link, + .cf .text-container a.gradient-text { transition: none; } + .cf-live-link:hover, + .cf-hero-invest-link:hover, + .cf .text-container a.gradient-text:hover { filter: brightness(1.12); } + + @media screen and (min-width: 960px) { + .cf-network .text-container h2 { max-width: calc(var(--sec-vwu) * 23.5) !important; } + .cf-network .text-container p { max-width: calc(var(--sec-vwu) * 31) !important; } + .cf-network .text-container a { max-width: calc(var(--sec-vwu) * 31) !important; } + section.page.cf.cf-revenue { + background-size: calc(var(--cover-bg-w) * 0.89) calc(var(--cover-bg-h) * 0.89), 102% 102%; + background-position: calc(50% - var(--sec-vwu) * 6.9) center, center; + } + .cf-revenue .text-container h2 { max-width: calc(var(--sec-vwu) * 38) !important; } + .cf-revenue .text-container p { max-width: calc(var(--sec-vwu) * 38) !important; } + .cf-problem .text-container h2 { max-width: calc(var(--sec-vwu) * 42) !important; } + .cf-problem .text-container p { max-width: calc(var(--sec-vwu) * 42) !important; } + .cf-problem .text-container a { max-width: calc(var(--sec-vwu) * 42) !important; } + .cf-growth .text-container h2 { max-width: calc(var(--sec-vwu) * 36) !important; } + .cf-growth .text-container p { max-width: calc(var(--sec-vwu) * 35) !important; } + .cf-moat .text-container h2 { max-width: calc(var(--sec-vwu) * 38) !important; } + .cf-moat .text-container p { max-width: calc(var(--sec-vwu) * 33) !important; } + .cf-build .text-container h2 { max-width: calc(var(--sec-vwu) * 33) !important; } + .cf-build .text-container p { max-width: calc(var(--sec-vwu) * 35) !important; } + .cf-build .text-container a { max-width: calc(var(--sec-vwu) * 35) !important; } + } + + /* ============================================================ + Navbar — same layout as the site (design3-nav.css), menu and + theme toggle omitted. Logo + button invert per section via a + class on #navbar (not the root .dark), so light sections keep + their colours. Fixed size, does not scale. + ============================================================ */ + + /* logo swap by section theme */ + #navbar.on-dark > a.logo.logo-light { display: none; } + #navbar.on-dark > a.logo.logo-dark { display: flex; } + #navbar.on-light > a.logo.logo-light { display: flex; } + #navbar.on-light > a.logo.logo-dark { display: none; } + + @media screen and (min-width: 960px) { + header#navbar { height: 74px; } + header#navbar > a.logo { + top: 0; + padding: 18.7px 30px; + height: auto; + background: transparent; + backdrop-filter: none; + -webkit-backdrop-filter: none; + } + header#navbar > a.logo img { width: 174.7px; height: auto; } + } + + /* keep the navbar visible on mobile (no slide-in menu here) */ + @media screen and (max-width: 959px) { + header#navbar { + visibility: visible !important; + opacity: 1 !important; + transform: none !important; + background: transparent !important; + height: 54px !important; + } + header#navbar > a.logo { top: 0 !important; height: 100% !important; align-items: center; transform: translateY(var(--cf-nav-shift)); } + [dir="ltr"] header#navbar > a.logo { padding-left: var(--cf-text-pad); } + header#navbar > a.logo img { height: 31.5px; } + } + + /* ---- mobile: portrait art on top, text at the bottom (home page system) ---- */ + @media screen and (max-width: 959px) { + .cf-network { --cf-art: url("/img/design_3/section-3-mobile-light.webp"); } + .cf-revenue { --cf-art: url("/img/design_3/section-4-mobile-light.webp"); } + + section.page.cf.cf-network { + background-size: auto calc(var(--cover-bg-h) * 0.72), 102% 102%; + background-position: 50% calc(50% - var(--sec-vhu) * 4.5), center; + } + .cf .text-container h2 { font-size: calc(var(--sec-vwu) * 9.4); } + .cf .text-container { + margin-left: 0 !important; + margin-right: 0 !important; + max-width: none !important; + width: auto; + } + .cf .text-container h2, + .cf .text-container p { max-width: none !important; } + /* arc placed off the phone, in the desktop ratios: 4.176 phone widths + wide, its top-left 1.4462 widths left and 0.4034 heights above the + phone's top-left corner */ + section.page.cf.cf-hero { + background-size: calc(var(--cf-phone-w) * 4.176) auto; + background-position: + calc((100vw - var(--cf-phone-w)) / 2 - var(--cf-phone-w) * 1.4462) + calc(100svh - var(--cf-phone-show) - var(--cf-phone-h) * 0.4034 + var(--cf-band-shift)); + } + section.page.cf.cf-revenue { + background-size: auto calc(var(--cover-bg-h) * 0.84), 102% 102%; + background-position: 50% calc(50% - var(--sec-vhu) * 2), center; + } + .cf-problem .area, + .cf-growth .area, + .cf-moat .area, + .cf-build .area, + .cf-network .area, + .cf-revenue .area { + display: flex; + flex-direction: column; + justify-content: center; + gap: var(--cf-gap); + padding: var(--cf-top) var(--cf-gutter) var(--cf-cta); + background: none; + } + .cf-problem .area::before, + .cf-growth .area::before, + .cf-moat .area::before, + .cf-build .area::before, + .cf-network .area::before, + .cf-revenue .area::before { + content: ""; + flex: 1 1 auto; + min-height: 0; + max-height: var(--cf-art-max); + margin: 0; + background-image: var(--cf-art-m); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + } + .cf-problem .area { --cf-art-m: url("/img/crowdfunding/problem.png"); } + .cf-growth .area { --cf-art-m: url("/img/crowdfunding/simplex-growth-2.png"); } + .cf-moat .area { --cf-art-m: url("/img/crowdfunding/comparison.png"); } + .cf-build .area { --cf-art-m: url("/img/crowdfunding/github-stars.png"); } + .cf-revenue .area::before { content: none; } + .cf-revenue .cf-art { + display: block; + position: relative; + flex: 1 1 auto; + min-height: 0; + max-height: var(--cf-art-max); + width: calc(100% + var(--cf-gutter) * 2); + margin: 0 calc(var(--cf-gutter) * -1); + } + .cf-revenue .cf-art img { + position: absolute; + left: 0; + top: -15.45vw; + width: 119.4vw; + max-width: none; + pointer-events: none; + } + section.page.cf.cf-revenue { overflow: hidden; } + + .cf-network .area::before { content: none; } + .cf-network .cf-tags { + position: relative; + left: auto; + top: auto; + overflow: visible; + flex: 1 1 auto; + min-height: 0; + max-height: var(--cf-art-max); + width: auto; + height: auto; + aspect-ratio: 0.886; + align-self: center; + transform: none; + container-type: size; + } + .cf-tags-art { + display: block; + position: absolute; + width: 198%; + height: 246%; + left: -48.5%; + top: -40.3%; + max-width: none; + } + .cf-tags .cf-tag:nth-child(2) { left: 58.6% !important; top: 90.2% !important; } + .cf-tags .cf-tag:nth-child(3) { left: 78.6% !important; top: 44.5% !important; } + .cf-tags .cf-tag:nth-child(4) { left: 74.9% !important; top: 10.3% !important; } + .cf-tags .cf-tag:nth-child(5) { left: 22.0% !important; top: 8.1% !important; } + .cf-tags .cf-tag:nth-child(6) { left: -0.2% !important; top: 84.5% !important; } + + section.page.cf.cf-network, + section.page.cf.cf-revenue { background-image: var(--cf-grad-light); background-size: 102% 102%; background-position: center; } + + .cf .text-container { + height: auto !important; + flex: none; + padding-bottom: 0 !important; + padding-left: var(--cf-text-inset); + padding-right: var(--cf-text-inset); + } + .cf-hero h1, + .cf-hero .lead, + .cf-hero .cf-stats, + .cf-hero .cf-live-link, + .cf-close h1, + .cf-close .cf-close-call, + .cf-close .cf-live-link { + padding-left: var(--cf-text-inset); + padding-right: var(--cf-text-inset); + } + + .cf-center h1 { font-size: calc(var(--sec-vwu) * 15); max-width: calc(var(--sec-vwu) * 90); } + .cf-center .lead { font-size: calc(var(--sec-vwu) * 5); max-width: calc(var(--sec-vwu) * 88); } + + :root { + --cf-gutter: 16px; + --cf-text-pad: 21.6px; + --cf-text-inset: calc(var(--cf-text-pad) - var(--cf-gutter)); + --cf-nav: 54px; + --cf-nav-shift: 2.5px; + /* .area is sized from vh; when the browser chrome shrinks the + visible box below that, the area overhangs it symmetrically */ + --cf-top-base: 66px; + --cf-over: max(0px, calc((var(--sec-h) - 100svh) / 2)); + --cf-top: calc(var(--cf-top-base) + var(--cf-over)); + --cf-safe-b: env(safe-area-inset-bottom, 0px); + --cf-cta-gap: 12px; + --cf-cta-bottom: max(var(--cf-cta-gap), var(--cf-safe-b)); + --cf-cta: calc(62px + var(--cf-cta-bottom) + var(--cf-over)); + --cf-gap: 24px; + --cf-pad: var(--cf-gutter); + --cf-art-max: 54%; + --cf-phone-w: 82vw; + --cf-phone-h: calc(var(--cf-phone-w) / 0.4914); + --cf-phone-part: 0.55; + /* bottom of the hero text block, measured from the section top */ + --cf-hero-text-b: calc(var(--cf-top-base) + max(0px, calc((100svh - var(--sec-h)) / 2)) + 78.5vw); + /* the arc crest starts 0.2678 down the cover image, which is + 2.349 phone widths tall and sits 0.4034 phone heights above + the phone top: the phone may rise no higher than this */ + --cf-phone-ceiling: calc(var(--cf-hero-text-b) + var(--cf-phone-w) * 0.1917); + --cf-phone-show: max(calc(var(--cf-phone-h) * 0.15), min(calc(var(--cf-phone-h) * var(--cf-phone-part)), calc(100svh - var(--cf-phone-ceiling)))); + --cf-phone-top: calc(100svh - var(--cf-phone-show) - (100svh - var(--sec-h)) / 2); + --cf-fade-ext: max(0px, calc(110lvh - 100svh)); + /* dvh so the fade rides with the button as the chrome moves */ + --cf-fade-dyn: max(0px, calc(110lvh - 100dvh)); + /* opaque up to the top of the button, then lighter going up */ + --cf-fade-base: calc(var(--cf-fade-dyn) + var(--cf-cta-bottom) + 48px); + /* clears above the button */ + --cf-fade-ramp: 80px; + } + + .cf-hero .area, + .cf-close .area { flex-direction: column; justify-content: flex-start; align-items: stretch; } + section.page.cf .area { width: 100%; } + .cf-hero .area { padding: var(--cf-top) var(--cf-gutter) 0; } + .cf-close .area { padding-top: var(--cf-top); padding-bottom: var(--cf-cta); } + .cf-hero .cf-hero-text { display: contents; } + .cf-hero h1, + .cf-hero .lead, + .cf-hero .cf-stats, + .cf-hero .cf-live-link { position: relative; z-index: 4; } + .cf-close .cf-hero-text { margin: 0; width: auto; } + .cf-hero h1 { font-size: calc(var(--sec-vwu) * 9.7); } + .cf-hero .lead { font-size: calc(var(--sec-vwu) * 3.55); max-width: none; margin-top: calc(var(--sec-vhu) * 2); } + /* same frame as the hero: text from the top, CTA pinned to the bottom */ + .cf-close .cf-hero-text { display: contents; } + .cf-close .area { align-items: stretch; justify-content: flex-start; padding: calc(var(--cf-top) + var(--sec-vhu) * 14) var(--cf-gutter) 0; } + /* crest a fixed 78px from the section top */ + section.page.cf.cf-close { + background-position: 50% calc(78px - var(--cover-bg-h) * 0.2678 + var(--cf-band-shift)); + } + /* centred like the home page, the two heading lines set apart */ + .cf-close h1, + .cf-close .cf-close-call, + .cf-close .cf-live-link { text-align: center; } + /* the heading rides up with the arc; nothing below it moves */ + .cf-close h1 { font-size: calc(var(--sec-vwu) * 8.7); font-weight: 700; position: relative; top: -32px; } + .cf-close-l1 { font-size: calc(var(--sec-vwu) * 11.745); } + .cf-close-l2 { font-size: calc(var(--sec-vwu) * 10.44); } + .cf-close .cf-close-call { + font-size: calc(var(--sec-vwu) * 4.095); + margin-top: calc(var(--sec-vhu) * 2.5); + white-space: normal; + width: auto; + text-shadow: 0 0 2px rgba(2, 7, 29, .95), 0 0 4px rgba(2, 7, 29, .9), 0 2px 10px rgba(2, 7, 29, .7); + } + .cf-close .cf-hero-text { width: auto; align-self: stretch; } + .cf-close-offer { + width: auto; + align-self: stretch; + margin: calc(var(--sec-vhu) * 3) 0 0; + padding: calc(var(--sec-vhu) * 2.5) calc(var(--sec-vwu) * 5); + } + .cf-close-offer p { font-size: calc(var(--sec-vwu) * 3.6); } + .cf-close .cf-live-link { display: block; font-size: calc(var(--sec-vwu) * 5); margin-top: calc(var(--sec-vhu) * 2.5); top: 0; } + .cf-stats { gap: calc(var(--sec-vwu) * 8); margin-top: calc(var(--sec-vhu) * 3); } + .cf-stat img { width: calc(var(--sec-vwu) * 8); } + .cf-stat b { font-size: calc(var(--sec-vwu) * 6.5); } + .cf-stat span { font-size: calc(var(--sec-vwu) * 3.4); } + .cf-hero .cf-live-link { margin-top: calc(var(--sec-vhu) * 2); top: 0; font-size: calc(var(--sec-vwu) * 5); } + .cf-hero .cf-hero-cta { + order: 5; + flex-direction: column-reverse; + align-items: center; + gap: calc(var(--sec-vhu) * 2); + margin: auto 0 calc((var(--sec-h) + 100svh) / 2 - 100dvh + var(--cf-cta-bottom)); + position: relative; + z-index: 5; + } + .cf-hero-cta .cf-pill { width: 100%; height: 48px; font-size: 16px; } + .cf-close .cf-hero-cta { + order: 5; + flex-direction: column-reverse; + align-items: stretch; + gap: calc(var(--sec-vhu) * 1.6); + margin: auto 0 calc((var(--sec-h) + 100svh) / 2 - 100dvh + var(--cf-cta-bottom)); + } + /* its own button-sized target, sitting on the button */ + .cf-close .cf-hero-invest-link { + height: 48px; + justify-content: center; + font-size: calc(var(--sec-vwu) * 4.6); + gap: calc(var(--sec-vwu) * 1.9); + } + .cf-close .cf-hero-invest-link svg { height: calc(var(--sec-vwu) * 6.5); transform: translateY(calc(var(--sec-vwu) * -0.7)); } + .cf-pill.cf-hero-invest-link { font-size: calc(var(--sec-vwu) * 4.6); gap: calc(var(--sec-vwu) * 1.9); } + .cf-pill.cf-hero-invest-link svg { height: calc(var(--sec-vwu) * 6.5); transform: translateY(calc(var(--sec-vwu) * -0.7)); } + .cf-stats { top: 0; margin-top: calc(var(--sec-vhu) * 3); } + .cf-phone { + position: absolute; + left: 50%; + right: auto; + transform: translateX(-50%); + top: var(--cf-phone-top); + bottom: auto; + width: var(--cf-phone-w); + height: auto; + } + .cf-mask { + left: calc(50% - var(--cf-phone-w) * 0.58735); + top: calc(var(--cf-phone-top) + var(--cf-phone-h) * 0.00137); + width: calc(var(--cf-phone-h) * 0.21776); + height: calc(var(--cf-phone-h) * 0.28667); + } + .cf-hero-fade { + left: 50%; + right: auto; + transform: translateX(-50%); + width: var(--cf-phone-w); + bottom: calc((var(--sec-h) - 100svh) / 2 - var(--cf-fade-ext)); + height: calc(var(--cf-fade-base) + var(--cf-fade-ramp)); + background: linear-gradient(to top, + rgba(2, 7, 29, .9) var(--cf-fade-base), + rgba(2, 7, 29, 0) 100%); + } + + .cf-pill { font-size: 16px; } + .cf-bottom { top: calc(5px + var(--cf-nav-shift)); right: 16px; bottom: auto; padding: 0 18px; } + .cf-top { top: auto; left: 16px; right: 16px; bottom: var(--cf-cta-bottom); height: 48px; justify-content: center; } + .cf-live-link { font-size: calc(var(--sec-vwu) * 4.2); } + .cf .text-container a.gradient-text { font-weight: 400; } + } + + section.page.cf.cf-network { overflow: hidden; } + + .cf-tags { + position: absolute; + left: 50%; + top: 50%; + width: var(--cover-bg-w); + height: var(--cover-bg-h); + transform: translate(-50%, -50%); + pointer-events: none; + z-index: 3; + } + .cf-tag { + position: absolute; + font-family: "Manrope", sans-serif; + text-align: left; + color: #06214a; + text-shadow: 0 1px 8px rgba(255, 255, 255, .95), 0 0 3px rgba(255, 255, 255, .95); + white-space: nowrap; + } + .cf-tag .n { font-weight: 700; font-size: calc(var(--sec-vwu) * 1.5); line-height: 1.35; } + .cf-tag .v { font-weight: 500; font-size: calc(var(--sec-vwu) * 1.2); line-height: 1.45; } + .cf-tag .v b { font-weight: 700; } + @media screen and (min-width: 960px) { + .cf-tags-art, + .cf-art { display: none; } + } + @media screen and (max-width: 959px) { + .cf-tag .n { font-size: 3.54cqh; line-height: 1.3; } + } + + /* narrow phones: keep the Wefunder pill clear of the logo */ + /* 320pt phones: keep the headline at three lines */ + @media screen and (max-width: 330px) { + .cf-hero h1 { font-size: calc(var(--sec-vwu) * 9.3); } + } + + @media screen and (max-width: 389px) { + header#navbar > a.logo img { height: 24px; } + .cf-bottom { font-size: 12px; padding: 0 12px; height: 40px; } + .cf-bottom svg { height: 22px; transform: translateY(-2.5px); } + .cf-tag .v { font-size: 2.96cqh; line-height: 1.4; } + } + + /* ---- footer: small print ---- */ + section.page.cf.cf-footer { + height: fit-content; + min-height: fit-content; + background: #02071D; + display: block; + } + .cf-footer-inner { + width: var(--sec-w); + margin: 0 auto; + padding: calc(var(--sec-vhu) * 9) calc(var(--sec-vwu) * 7.5) calc(var(--sec-vhu) * 7); + } + .cf-fine { max-width: calc(var(--sec-vwu) * 72); } + .cf-fine { + font-family: "Manrope", sans-serif; + font-weight: 300; + font-size: calc(var(--sec-vwu) * 1.05); + line-height: 1.7; + color: #7f8ba8; + } + .cf-fine-links { margin-top: calc(var(--sec-vhu) * 3); display: flex; gap: calc(var(--sec-vwu) * 3); } + .cf-fine-links a { color: #9fb2d8; text-decoration: none; } + .cf-fine-links a:hover { color: #ffffff; } + + @media screen and (max-width: 959px) { + /* padding-bottom comes from .safari-ios section.page, which a + fit-content footer does not need */ + section.page.cf.cf-footer { height: fit-content; min-height: fit-content; padding-bottom: 0; } + .cf-footer-inner { padding: calc(var(--sec-vhu) * 2) var(--cf-text-pad) calc(var(--sec-vhu) * 5); } + .cf-fine { font-size: calc(var(--sec-vwu) * 3); max-width: none; } + .cf-fine-links { gap: calc(var(--sec-vwu) * 6); } + } + + /* extension link + CSS-only :target popups (as on simplex.domains) */ + .cf-ext-link { display: inline-block; margin-top: calc(var(--sec-vhu) * 2.2); font-family: "Manrope", sans-serif; font-weight: 600; font-size: calc(var(--sec-vwu) * 1.5); text-decoration: underline; text-underline-offset: 4px; color: var(--cf-ink); } + .cf-dark .cf-ext-link { color: #9fd0ff; } + .cf-dark .text-container a.gradient-text { + background: linear-gradient(90deg, #019bfe 0%, #64fdff 58%, #c8feff 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; + color: transparent; + } + .cf .text-container a.gradient-text { font-weight: 300; } + + .cf-modal { position: fixed; inset: 0; z-index: 60000; display: flex; align-items: center; justify-content: center; padding: 24px; opacity: 0; visibility: hidden; transition: opacity .18s ease, visibility .18s; } + .cf-modal:target { opacity: 1; visibility: visible; } + .cf-modal-backdrop { position: absolute; inset: 0; background: rgba(3, 12, 40, .6); } + .cf-modal-panel { position: relative; z-index: 1; display: flex; align-items: center; gap: clamp(24px, 3vw, 44px); width: clamp(min(680px, 100%), 80vw, 980px); max-height: calc(100dvh - 48px); overflow: auto; background: linear-gradient(160deg, #050920 0%, #0b1440 46%, #16255f 78%, #22346f 100%); color: #dfeaff; border-radius: 24px; box-shadow: 0 30px 80px rgba(4, 9, 24, .5); padding: clamp(28px, 4vw, 52px); font-family: "Manrope", sans-serif; } + .cf-modal-text { flex: 1; min-width: 0; } + .cf-modal-img { flex: none; width: clamp(240px, 44%, 460px); height: auto; border-radius: 12px; } + .cf-modal-close { position: absolute; top: 22px; right: 22px; width: 20px; height: 20px; color: #9fb2d8; z-index: 2; } + .cf-modal-close svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; } + .cf-modal-close:hover { color: #ffffff; } + + .cf-modal-text-only .cf-modal-panel { width: min(640px, 100%); } + @media screen and (min-width: 760px) { + #request .cf-modal-panel h2 { white-space: nowrap; } + } + + .cf-form { display: flex; flex-direction: column; gap: 14px; margin-top: 26px; } + .cf-form input[type="text"], + .cf-form input[type="email"] { + height: 52px; + padding: 0 22px; + border: 1px solid #00C7FF; + border-radius: 9999px; + background: transparent; + font-family: "Manrope", sans-serif; + font-size: 16px; + color: #ffffff; + } + .cf-form input::placeholder { color: #9fb2d8; } + .cf-form input:focus { outline: none; border-color: #64FDFF; } + .cf-bot-field { position: absolute; left: -5000px; } + .cf-form-submit { + align-self: center; + height: 52px; + margin-top: 10px; + padding: 0 30px; + border: none; + border-radius: 9999px; + background: linear-gradient(180deg, #00F0FF 0%, #00C7FF 38%, #008FFF 100%); + font-family: "Manrope", sans-serif; + font-weight: 600; + font-size: 17px; + color: #ffffff; + cursor: pointer; + } + .cf-form-submit:hover { filter: brightness(1.07); } + .cf-form-submit:active { transform: translateY(1px); } + .cf-deck-link { + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + } + #download .cf-modal-text { text-align: center; } + #download .cf-status-area { min-height: 62px; } + #download .cf-modal-actions { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 14px; + margin-top: 22px; + } + #download .cf-modal-actions .cf-form-submit { margin-top: 0; } + #download.cf-modal-failed .cf-modal-panel { width: min(880px, 100%); } + #download.cf-modal-failed .mc-frame { + position: static; + display: block; + width: 100%; + height: min(420px, calc(100dvh - 420px)); + margin-top: 24px; + border-radius: 12px; + background: #ffffff; + } + .mc-frame { position: absolute; width: 0; height: 0; border: 0; left: -5000px; } + + .cf-modal-light .cf-modal-panel { + background: linear-gradient(160deg, #ffffff 0%, #eaf4ff 70%, #e9ffff 100%); + color: #06214a; + } + .cf-modal-light .cf-modal-panel h2 { color: #023789; } + .cf-modal-light .cf-modal-panel p strong { color: #023789; } + .cf-modal-light .cf-modal-close { color: rgba(2, 55, 137, .55); } + .cf-modal-light .cf-modal-close:hover { color: #023789; } + .cf-modal-light .cf-modal-img { border: 1px solid rgba(2, 55, 137, .12); } + .cf-modal-panel h2 { font-family: "GT-Walsheim", sans-serif; font-weight: 700; font-size: 1.6rem; letter-spacing: -.015em; line-height: 1.15; color: #ffffff; padding-right: 30px; } + .cf-modal-panel p { font-weight: 400; font-size: 1.06rem; line-height: 1.7; margin-top: 14px; } + .cf-modal-panel p strong { font-weight: 500; color: #ffffff; } + .cf-star { font-size: 1.25em; line-height: 0; } + .cf-modal-panel p.cf-modal-footnote { margin-top: 20px; font-size: .78rem; line-height: 1.5; color: #9fb2d8; } + .cf-modal-footnote a { color: inherit; text-decoration: underline; text-underline-offset: 2px; } + .cf-modal-footnote a:hover { color: #dfeaff; } + @media screen and (max-width: 700px) { + .cf-modal-panel { flex-direction: column; align-items: flex-start; } + .cf-modal-img { width: 80%; align-self: center; } + .cf-modal-panel h2 { font-size: 1.4rem; } + } + + + + + + + +
+ + +
+
+
+

The first and the only messaging network without any user IDs

+

SimpleX Chat is building a messaging network unlike every major platform — without phone numbers, usernames, emails, or any user identifiers.

+
+ Request our Pitch deck
-
- - SimpleX Whitepaper - - - - SimpleX Chat protocol - - - - Terminal CLI - - - - SimpleX bots API - - +
+
+ +
3MDownloads
+
+
+ +
480KMonthly users
+
+ Join the livestream and Q&A on Sep 15 +
+ + +
+
+ + Invest on + + +
+ + +
+
+
+

480,000+ users with zero marketing spend

+

Hundreds of user posts, podcasts and videos and $650,000 in user donations, before any paid features.

+

Only $1.7M investment over 4 years — more capital efficient than most startups.

+
- -
- © 2020-2026 SimpleX Chat | Open-Source Project -
-
+ + - + +
+
+ +
+

SimpleX is a network, not an app

+

All five kinds of users arrived on their own — the cold start problem solved.

+

Each group makes the network more valuable to others, accelerating growth.

+
+
+
+ + +
+
+ +
+

Pre-revenue stage ends this year

+

Additional file capacity and SimpleX public names launch this year, followed by business messaging and paid servers for big channels.

+

Demand is proven — users donated $650,000 while everything was free.

+
+
+
+ + +
+
+
+

Design advantage that can't be copied

+

Only SimpleX has every property in this comparison — together they need a network without user identifiers.

+

A network with user IDs can't remove them — rivals would have to rebuild, and the ad giants would lose revenue that depends on user IDs.

+
+
+
+ + +
+
+
+

A network others build on

+

Developers already built many different services on SimpleX. In 2027, we plan to add support for user-created features inside chats.

+

Features and services users build would bring new users and increase revenue.

+ How custom UX helps unify messaging +
+
+
+ + +
+
+
+

Get a stake
in SimpleX Chat

+

We are building a network that people own.
We invite you to invest and become part of it.

+
+ Request our Pitch deck + + Invest on + + +
+ Join the livestream and Q&A on Sep 15 +
+
+

Invest $500+ by September 22 and get a SimpleX public name for your channel or business for 7 years, ahead of public launch.

+
+
+
+ + +
+
+

This Regulation Crowdfunding offering is made available through Wefunder Portal LLC. This investment involves a high degree of risk, including the possible loss of your investment.

+

+ SimpleX Chat + Privacy policy + Wefunder +

+
+
+ + + +
+ Request our Pitch deck + + Invest on + + +
+ + + + +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + + diff --git a/cs/contact/index.html b/cs/contact/index.html index 8eb3052ff7..2aab58d6f7 100644 --- a/cs/contact/index.html +++ b/cs/contact/index.html @@ -522,6 +522,68 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +