https://www.fastmail.com/?domain=postpro.net

Scan ID:: 42570629-196d-4eba-90d2-0c3c0d83315cFinished
Submitted URL:: http://postpro.net/Redirected
Report Finished:: Oct 1, 2024, 13:37:22
Links · 12 found

The outgoing links identified from the page
Link	Text
https://fastmail.help/hc/en-us/	Help center
https://support.fastmail.com/support/	Personal supportFrom “how do I get started” to “I’ve lost my phone” panic, when you need that extra helping hand, we’re here for you. Our support team are online 24/7, providing personal support to ensure your email runs smoothly. Get support
https://fastmailstatus.com/	System status
https://apps.apple.com/us/app/fastmail-email-calendar/id931370077	App StoreDownload Fastmail on the App Store
https://play.google.com/store/apps/details?id=com.fastmail.app	Google PlayDownload Fastmail on Google Play
https://app.fastmail.com/	Log in
https://app.fastmail.com/signup/	Try for free
https://apply.workable.com/fastmail-1/	Careers
https://mastodon.social/@fastmail	Mastodon
https://twitter.com/Fastmail	X
JavaScript Variables · 4 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name	Type
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
run	function
Console log messages · 6 found

Messages logged to the web console
Type	Category	Log
warning	other	Text Error with Permissions-Policy header: Unrecognized feature: 'ambient-light-sensor'.
warning	other	Text Error with Permissions-Policy header: Unrecognized feature: 'battery'.
warning	other	Text Error with Permissions-Policy header: Unrecognized feature: 'document-domain'.
warning	other	Text Error with Permissions-Policy header: Unrecognized feature: 'navigation-override'.
warning	other	Text Error with Permissions-Policy header: Unrecognized feature: 'usb'.
warning	other	Text Error with Permissions-Policy header: Unrecognized feature: 'xr-spatial-tracking'.
HTML

The raw HTML body of the page
<!DOCTYPE html><html lang="en" class="fonts-loaded-2"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="preload" as="font" type="font/woff2" href="/assets/fonts/roca/rocaone-rg-webfont.woff2" crossorigin=""><link rel="preload" as="font" type="font/woff2" href="/assets/fonts/proximanova/basic/proximanova-regular.woff2" crossorigin=""><link rel="preload" as="font" type="font/woff2" href="/assets/fonts/proximanova/basic/proximanova-semibold.woff2" crossorigin=""><link rel="preload" as="font" type="font/woff2" href="/assets/fonts/proximanova/basic/proximanova-bold.woff2" crossorigin=""><meta name="theme-color" content="#243959"><meta name="description" content="Fast, private email hosting for you or your business. More productive, lightning fast, simple and built to save you time."><meta property="eleventy:path" content="./source/pages/home.liquid"><script>document.querySelector("html").classList.remove("no-script");function run(o){document.readyState==="loading"?document.addEventListener("DOMContentLoaded",o):o()}(function(){if("fonts"in document){if(sessionStorage.fontsLoaded){document.documentElement.classList.add("fonts-loaded-2");return}Promise.all([document.fonts.load("400 1em 'Proxima Nova'"),document.fonts.load("400 1em roca")]).then(function(){document.documentElement.classList.add("fonts-loaded-1"),Promise.all([document.fonts.load("600 1em 'Proxima Nova'"),document.fonts.load("700 1em 'Proxima Nova'"),document.fonts.load("100 1em roca"),document.fonts.load("300 1em roca")]).then(function(){document.documentElement.classList.remove("fonts-loaded-1"),document.documentElement.classList.add("fonts-loaded-2"),sessionStorage.fontsLoaded=!0})})}})();
</script><title>Email and calendar made better | Fastmail</title><style>
            /*!
            * Web Fonts from Fontspring.com
            *
            * All OpenType features and all extended glyphs have been removed.
            * Fully installable fonts can be purchased at http://www.fontspring.com
            *
            * The fonts included in this stylesheet are subject to the End User License you purchased
            * from Fontspring. The fonts are protected under domestic and international trademark and
            * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
            * distributing this font software.
            *
            * (c) 2010-2024 Fontspring
            *
            * The fonts included are copyrighted by the vendors listed below.
            *
            * Vendor:      Mark Simonson Studio
            * License URL: https://www.fontspring.com/licenses/mark-simonson-studio/webfont
            *
            * Vendor:      My Creative Land
            * License URL: https://www.fontspring.com/license/my-creative-land/webfont
            */@font-face{descent-override:55%;font-family:Georgia Roca Fallback;font-style:normal;size-adjust:90%;src:local(Georgia-Bold)}@font-face{font-display:swap;font-family:roca;font-style:normal;font-weight:100;src:url(/assets/fonts/roca/rocaone-th-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:roca;font-style:normal;font-weight:300;src:url(/assets/fonts/roca/rocaone-lt-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:roca;font-style:normal;font-weight:400;src:url(/assets/fonts/roca/rocaone-rg-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Proxima Nova;font-style:normal;font-weight:300;src:local("Proxima Nova Light"),local("ProximaNova-Light"),url(/assets/fonts/proximanova/basic/proximanova-light.woff2) format("woff2"),url(/assets/fonts/proximanova/basic/proximanova-light.woff) format("woff");unicode-range:u+0000-007e,u+00a0-00a3,u+00a5,u+00a8-00a9,u+00ab,u+00ae,u+00b4,u+00b8,u+00bb,u+00bf-00c2,u+00c4,u+00c6-00cb,u+00cd-00cf,u+00d1,u+00d3-00d4,u+00d6,u+00d9-00dc,u+00df-00e2,u+00e4,u+00e6-00eb,u+00ed-00ef,u+00f1,u+00f3-00f4,u+00f6,u+00f9-00fc,u+00ff,u+0152-0153,u+0178,u+02c6,u+02da,u+02dc,u+2013-2014,u+2018-201a,u+201c-201e,u+2022,u+2026,u+202f,u+2039-203a,u+20ac,u+2122}@font-face{font-display:swap;font-family:Proxima Nova;font-style:normal;font-weight:300;src:local("Proxima Nova Light"),local("ProximaNova-Light"),url(/assets/fonts/proximanova/extended/proximanova-light.woff2) format("woff2"),url(/assets/fonts/proximanova/extended/proximanova-light.woff) format("woff");unicode-range:u+007f-009f,u+00a4,u+00a6-00a7,u+00aa,u+00ac-00ad,u+00af-00b3,u+00b5-00b7,u+00b9-00ba,u+00bc-00be,u+00c3,u+00c5,u+00cc,u+00d0,u+00d2,u+00d5,u+00d7-00d8,u+00dd-00de,u+00e3,u+00e5,u+00ec,u+00f0,u+00f2,u+00f5,u+00f7-00f8,u+00fd-00fe,u+0100-0151,u+0154-0177,u+0179-02c5,u+02c7-02d9,u+02db,u+02dd-2012,u+2015-2017,u+201b,u+201f-2021,u+2023-2025,u+2027-202e,u+2030-2038,u+203b-20ab,u+20ad-2121,u+2123-fb04}@font-face{font-display:swap;font-family:Proxima Nova;font-style:normal;font-weight:400;src:local("Proxima Nova Regular"),local("ProximaNova-Regular"),url(/assets/fonts/proximanova/basic/proximanova-regular.woff2) format("woff2"),url(/assets/fonts/proximanova/basic/proximanova-regular.woff) format("woff");unicode-range:u+0000-007e,u+00a0-00a3,u+00a5,u+00a8-00a9,u+00ab,u+00ae,u+00b4,u+00b8,u+00bb,u+00bf-00c2,u+00c4,u+00c6-00cb,u+00cd-00cf,u+00d1,u+00d3-00d4,u+00d6,u+00d9-00dc,u+00df-00e2,u+00e4,u+00e6-00eb,u+00ed-00ef,u+00f1,u+00f3-00f4,u+00f6,u+00f9-00fc,u+00ff,u+0152-0153,u+0178,u+02c6,u+02da,u+02dc,u+2013-2014,u+2018-201a,u+201c-201e,u+2022,u+2026,u+202f,u+2039-203a,u+20ac,u+2122}@font-face{font-display:swap;font-family:Proxima Nova;font-style:normal;font-weight:400;src:local("Proxima Nova Regular"),local("ProximaNova-Regular"),url(/assets/fonts/proximanova/extended/proximanova-regular.woff2) format("woff2"),url(/assets/fonts/proximanova/extended/proximanova-regular.woff) format("woff");unicode-range:u+007f-009f,u+00a4,u+00a6-00a7,u+00aa,u+00ac-00ad,u+00af-00b3,u+00b5-00b7,u+00b9-00ba,u+00bc-00be,u+00c3,u+00c5,u+00cc,u+00d0,u+00d2,u+00d5,u+00d7-00d8,u+00dd-00de,u+00e3,u+00e5,u+00ec,u+00f0,u+00f2,u+00f5,u+00f7-00f8,u+00fd-00fe,u+0100-0151,u+0154-0177,u+0179-02c5,u+02c7-02d9,u+02db,u+02dd-2012,u+2015-2017,u+201b,u+201f-2021,u+2023-2025,u+2027-202e,u+2030-2038,u+203b-20ab,u+20ad-2121,u+2123-fb04}@font-face{font-display:swap;font-family:Proxima Nova;font-style:italic;font-weight:400;src:local("Proxima Nova Regular Italic"),local("ProximaNova-RegularIt"),url(/assets/fonts/proximanova/basic/proximanova-regularit.woff2) format("woff2"),url(/assets/fonts/proximanova/basic/proximanova-regularit.woff) format("woff");unicode-range:u+0000-007e,u+00a0-00a3,u+00a5,u+00a8-00a9,u+00ab,u+00ae,u+00b4,u+00b8,u+00bb,u+00bf-00c2,u+00c4,u+00c6-00cb,u+00cd-00cf,u+00d1,u+00d3-00d4,u+00d6,u+00d9-00dc,u+00df-00e2,u+00e4,u+00e6-00eb,u+00ed-00ef,u+00f1,u+00f3-00f4,u+00f6,u+00f9-00fc,u+00ff,u+0152-0153,u+0178,u+02c6,u+02da,u+02dc,u+2013-2014,u+2018-201a,u+201c-201e,u+2022,u+2026,u+202f,u+2039-203a,u+20ac,u+2122}@font-face{font-display:swap;font-family:Proxima Nova;font-style:italic;font-weight:400;src:local("Proxima Nova Regular Italic"),local("ProximaNova-RegularIt"),url(/assets/fonts/proximanova/extended/proximanova-regularit.woff2) format("woff2"),url(/assets/fonts/proximanova/extended/proximanova-regularit.woff) format("woff");unicode-range:u+007f-009f,u+00a4,u+00a6-00a7,u+00aa,u+00ac-00ad,u+00af-00b3,u+00b5-00b7,u+00b9-00ba,u+00bc-00be,u+00c3,u+00c5,u+00cc,u+00d0,u+00d2,u+00d5,u+00d7-00d8,u+00dd-00de,u+00e3,u+00e5,u+00ec,u+00f0,u+00f2,u+00f5,u+00f7-00f8,u+00fd-00fe,u+0100-0151,u+0154-0177,u+0179-02c5,u+02c7-02d9,u+02db,u+02dd-2012,u+2015-2017,u+201b,u+201f-2021,u+2023-2025,u+2027-202e,u+2030-2038,u+203b-20ab,u+20ad-2121,u+2123-fb04}@font-face{font-display:swap;font-family:Proxima Nova;font-style:normal;font-weight:500;src:local("Proxima Nova Medium"),local("ProximaNova-Medium"),url(/assets/fonts/proximanova/basic/proximanova-medium.woff2) format("woff2"),url(/assets/fonts/proximanova/basic/proximanova-medium.woff) format("woff");unicode-range:u+0000-007e,u+00a0-00a3,u+00a5,u+00a8-00a9,u+00ab,u+00ae,u+00b4,u+00b8,u+00bb,u+00bf-00c2,u+00c4,u+00c6-00cb,u+00cd-00cf,u+00d1,u+00d3-00d4,u+00d6,u+00d9-00dc,u+00df-00e2,u+00e4,u+00e6-00eb,u+00ed-00ef,u+00f1,u+00f3-00f4,u+00f6,u+00f9-00fc,u+00ff,u+0152-0153,u+0178,u+02c6,u+02da,u+02dc,u+2013-2014,u+2018-201a,u+201c-201e,u+2022,u+2026,u+202f,u+2039-203a,u+20ac,u+2122}@font-face{font-display:swap;font-family:Proxima Nova;font-style:normal;font-weight:500;src:local("Proxima Nova Medium"),local("ProximaNova-Medium"),url(/assets/fonts/proximanova/extended/proximanova-medium.woff2) format("woff2"),url(/assets/fonts/proximanova/extended/proximanova-medium.woff) format("woff");unicode-range:u+007f-009f,u+00a4,u+00a6-00a7,u+00aa,u+00ac-00ad,u+00af-00b3,u+00b5-00b7,u+00b9-00ba,u+00bc-00be,u+00c3,u+00c5,u+00cc,u+00d0,u+00d2,u+00d5,u+00d7-00d8,u+00dd-00de,u+00e3,u+00e5,u+00ec,u+00f0,u+00f2,u+00f5,u+00f7-00f8,u+00fd-00fe,u+0100-0151,u+0154-0177,u+0179-02c5,u+02c7-02d9,u+02db,u+02dd-2012,u+2015-2017,u+201b,u+201f-2021,u+2023-2025,u+2027-202e,u+2030-2038,u+203b-20ab,u+20ad-2121,u+2123-fb04}@font-face{font-display:swap;font-family:Proxima Nova;font-style:normal;font-weight:600;src:local("Proxima Nova Semibold"),local("ProximaNova-Semibold"),url(/assets/fonts/proximanova/basic/proximanova-semibold.woff2) format("woff2"),url(/assets/fonts/proximanova/basic/proximanova-semibold.woff) format("woff");unicode-range:u+0000-007e,u+00a0-00a3,u+00a5,u+00a8-00a9,u+00ab,u+00ae,u+00b4,u+00b8,u+00bb,u+00bf-00c2,u+00c4,u+00c6-00cb,u+00cd-00cf,u+00d1,u+00d3-00d4,u+00d6,u+00d9-00dc,u+00df-00e2,u+00e4,u+00e6-00eb,u+00ed-00ef,u+00f1,u+00f3-00f4,u+00f6,u+00f9-00fc,u+00ff,u+0152-0153,u+0178,u+02c6,u+02da,u+02dc,u+2013-2014,u+2018-201a,u+201c-201e,u+2022,u+2026,u+202f,u+2039-203a,u+20ac,u+2122}@font-face{font-display:swap;font-family:Proxima Nova;font-style:normal;font-weight:600;src:local("Proxima Nova Semibold"),local("ProximaNova-Semibold"),url(/assets/fonts/proximanova/extended/proximanova-semibold.woff2) format("woff2"),url(/assets/fonts/proximanova/extended/proximanova-semibold.woff) format("woff");unicode-range:u+007f-009f,u+00a4,u+00a6-00a7,u+00aa,u+00ac-00ad,u+00af-00b3,u+00b5-00b7,u+00b9-00ba,u+00bc-00be,u+00c3,u+00c5,u+00cc,u+00d0,u+00d2,u+00d5,u+00d7-00d8,u+00dd-00de,u+00e3,u+00e5,u+00ec,u+00f0,u+00f2,u+00f5,u+00f7-00f8,u+00fd-00fe,u+0100-0151,u+0154-0177,u+0179-02c5,u+02c7-02d9,u+02db,u+02dd-2012,u+2015-2017,u+201b,u+201f-2021,u+2023-2025,u+2027-202e,u+2030-2038,u+203b-20ab,u+20ad-2121,u+2123-fb04}@font-face{font-display:swap;font-family:Proxima Nova;font-style:normal;font-weight:700;src:local("Proxima Nova Bold"),local("ProximaNova-Bold"),url(/assets/fonts/proximanova/basic/proximanova-bold.woff2) format("woff2"),url(/assets/fonts/proximanova/basic/proximanova-bold.woff) format("woff");unicode-range:u+0000-007e,u+00a0-00a3,u+00a5,u+00a8-00a9,u+00ab,u+00ae,u+00b4,u+00b8,u+00bb,u+00bf-00c2,u+00c4,u+00c6-00cb,u+00cd-00cf,u+00d1,u+00d3-00d4,u+00d6,u+00d9-00dc,u+00df-00e2,u+00e4,u+00e6-00eb,u+00ed-00ef,u+00f1,u+00f3-00f4,u+00f6,u+00f9-00fc,u+00ff,u+0152-0153,u+0178,u+02c6,u+02da,u+02dc,u+2013-2014,u+2018-201a,u+201c-201e,u+2022,u+2026,u+202f,u+2039-203a,u+20ac,u+2122}@font-face{font-display:swap;font-family:Proxima Nova;font-style:normal;font-weight:700;src:local("Proxima Nova Bold"),local("ProximaNova-Bold"),url(/assets/fonts/proximanova/extended/proximanova-bold.woff2) format("woff2"),url(/assets/fonts/proximanova/extended/proximanova-bold.woff) format("woff");unicode-range:u+007f-009f,u+00a4,u+00a6-00a7,u+00aa,u+00ac-00ad,u+00af-00b3,u+00b5-00b7,u+00b9-00ba,u+00bc-00be,u+00c3,u+00c5,u+00cc,u+00d0,u+00d2,u+00d5,u+00d7-00d8,u+00dd-00de,u+00e3,u+00e5,u+00ec,u+00f0,u+00f2,u+00f5,u+00f7-00f8,u+00fd-00fe,u+0100-0151,u+0154-0177,u+0179-02c5,u+02c7-02d9,u+02db,u+02dd-2012,u+2015-2017,u+201b,u+201f-2021,u+2023-2025,u+2027-202e,u+2030-2038,u+203b-20ab,u+20ad-2121,u+2123-fb04}@font-face{font-display:swap;font-family:Proxima Nova;font-style:italic;font-weight:700;src:local("Proxima Nova Bold Italic"),local("ProximaNova-BoldIt"),url(/assets/fonts/proximanova/basic/proximanova-boldit.woff2) format("woff2"),url(/assets/fonts/proximanova/basic/proximanova-boldit.woff) format("woff");unicode-range:u+0000-007e,u+00a0-00a3,u+00a5,u+00a8-00a9,u+00ab,u+00ae,u+00b4,u+00b8,u+00bb,u+00bf-00c2,u+00c4,u+00c6-00cb,u+00cd-00cf,u+00d1,u+00d3-00d4,u+00d6,u+00d9-00dc,u+00df-00e2,u+00e4,u+00e6-00eb,u+00ed-00ef,u+00f1,u+00f3-00f4,u+00f6,u+00f9-00fc,u+00ff,u+0152-0153,u+0178,u+02c6,u+02da,u+02dc,u+2013-2014,u+2018-201a,u+201c-201e,u+2022,u+2026,u+202f,u+2039-203a,u+20ac,u+2122}@font-face{font-display:swap;font-family:Proxima Nova;font-style:italic;font-weight:700;src:local("Proxima Nova Bold Italic"),local("ProximaNova-BoldIt"),url(/assets/fonts/proximanova/extended/proximanova-boldit.woff2) format("woff2"),url(/assets/fonts/proximanova/extended/proximanova-boldit.woff) format("woff");unicode-range:u+007f-009f,u+00a4,u+00a6-00a7,u+00aa,u+00ac-00ad,u+00af-00b3,u+00b5-00b7,u+00b9-00ba,u+00bc-00be,u+00c3,u+00c5,u+00cc,u+00d0,u+00d2,u+00d5,u+00d7-00d8,u+00dd-00de,u+00e3,u+00e5,u+00ec,u+00f0,u+00f2,u+00f5,u+00f7-00f8,u+00fd-00fe,u+0100-0151,u+0154-0177,u+0179-02c5,u+02c7-02d9,u+02db,u+02dd-2012,u+2015-2017,u+201b,u+201f-2021,u+2023-2025,u+2027-202e,u+2030-2038,u+203b-20ab,u+20ad-2121,u+2123-fb04}</style><link rel="stylesheet" href="/bundle/jNkzxNoN8e.css"><link rel="stylesheet" href="/assets/css/main-5265c443.css"><link rel="icon" href="/favicon.ico?v=64679438" sizes="48x48"><link rel="icon" href="/favicon.svg?v=5843ac65" sizes="any" type="image/svg+xml"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=961604de"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=10da1173"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=79a96923"><link rel="manifest" href="/site.webmanifest?v=310b8694"><link rel="mask-icon" href="/safari-pinned-tab.svg?v=857521d6" color="#176bad"><meta name="msapplication-TileColor" content="#1f5077"><script type="module" src="/assets/js/vendor-39c1face.js"></script><script type="module" src="/assets/js/main-d5cc268a.js"></script><script type="module" src="/bundle/iTvPRp7gOX.js"></script><link rel="prefetch" href="https://www.fastmail.com/features/"><link rel="prefetch" href="https://www.fastmail.com/business/"><link rel="prefetch" href="https://www.fastmail.com/pricing/"></head><body class="font-sans text-fg"> <!--/* INJECT_BANNER */--> <div class="grid-body">   <div class="after:bg-transparent header-container sticky top-0 z-[9999]"> <div class="absolute h-full header-background-stuck left-0 top-0 w-full"></div> <div class="absolute h-full header-background-initial left-0 top-0 w-full"></div> <header id="header" class="flex h-header items-center relative select-none text-fx-lg wrapper"> <div class="flex flex-none h-full items-center relative"> <a href="/"><span class="sr-only">Home</span> <svg class="fill-[--logo-wordmark] i-fm-wordmark-logo w-[120px]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 952.5 203.6"> <path d="M21.4 101.8a80.4 80.4 0 0 1 147.3-44.6l15.8 3.1 2-15A101.83 101.83 0 0 0 101.8 0C45.6 0 0 45.6 0 101.8c0 20.9 6.3 40.3 17.1 56.5l15.3 2 2.5-13.9a80.31 80.31 0 0 1-13.5-44.6z" fill="#0067b9"></path> <path d="M186.7 45.7c-.1-.1-.2-.2-.3-.4l-17.8 11.9c.1.1.2.2.3.4a79.89 79.89 0 0 1 13.3 44.2c0 44.4-36 80.4-80.4 80.4-27.7 0-52.2-14-66.6-35.4-.1-.1-.2-.3-.2-.4l-17.8 11.9c.1.1.2.3.2.4a101.7 101.7 0 0 0 84.4 44.9c56.2 0 101.8-45.6 101.8-101.8 0-20.7-6.2-40-16.9-56.1z" fill="#69b3e7"></path> <path d="M101.8 101.8 53.4 69.5V134c.5-.3.9-.6 0 0l30.4-9.4 18-22.8z" fill="#ffc107"></path> <path class="fill-inherit" d="M53.4 134h93.4c1.9 0 3.4-1.5 3.4-3.4V69.5L53.4 134zm292.5-99.1V54h-62.2v40h54.8v19.1h-54.8v55.5h-22.1V34.9h84.3zm89.8 132.6v1.1h-19.3c-.9-1.9-1.7-3.7-2.2-5.6-8.4 4.3-20.2 7.4-30.1 7.4-22.5 0-35.8-11.1-35.8-30.4 0-18.9 16.5-31.4 42-31.4 8.4 0 14.5.7 20.2 1.7v-2.8c0-13.9-8.4-20.8-23.4-20.8-9.1 0-18.9 1.5-28.8 4.8l-5.4-15.4c12.6-4.6 24.3-7.1 36.4-7.1 16.2 0 25.6 4.1 32.1 10.4 6.7 6.7 9.7 16.3 9.7 28V138c-.1 9.8 1.2 20.6 4.6 29.5zm-48.3-13.6c7.4 0 16.2-1.9 23-5.4V125c-5.9-1.1-10.6-1.7-18.8-1.7-15.2 0-23 5.9-23 15.8 0 10 6.7 14.8 18.8 14.8zm136-79.1-5.2 15.6c-9.8-3-19.7-4.5-29.5-4.5-11.9 0-17.5 4.5-17.5 10.6 0 6.3 4.3 10 19.9 13.9 27.7 6.9 37.9 15.4 37.9 30.1 0 19.9-14.9 29.9-42 29.9-13.2 0-26.7-2.2-39.4-6.5l5.4-15.6c11 3.3 23.6 5.4 34 5.4 14.9 0 21.4-3.9 21.4-11.1 0-5.9-4.5-9.8-23.2-14.3-25.4-6.1-34.2-15-34.2-30.6 0-16.5 13.4-28.6 37.7-28.6 12.2 0 23.7 2 34.7 5.7zm78.2 91.6c-6.3 2.6-14.9 4.1-22.1 4.1-8.5 0-16.3-2.2-21.2-7.1-5-5-7.2-11.5-7.2-22.5V88.6h-15.8V70.9h15.8V47.4h21.2V71H597v17.6h-24.7v49.6c0 10 4.5 14.5 13 14.5 4.5 0 9.3-.9 13.2-2l3.1 15.7zm160.7-62v64.2H741v-61.1c0-12.8-7.8-20.2-20.2-20.2-7.6 0-15.8 1.9-21.7 5.2v76.1h-21.2v-61.8c0-13.7-6.9-19.5-18.8-19.5-6.9 0-15.6 2.2-23 6.3v75h-21.4V70.9h20.1v6.7c8.7-5.2 20.6-8.5 31.9-8.5 9.8 0 19.1 3.5 25.8 9.7 9.8-5.9 22.8-9.7 35.5-9.7 10.8 0 19.9 3.5 25.4 9.3 6.3 6.3 8.9 14.3 8.9 26zm104.1 63.1v1.1h-19.3c-.9-1.9-1.7-3.7-2.2-5.6-8.4 4.3-20.2 7.4-30.1 7.4-22.5 0-35.8-11.1-35.8-30.4 0-18.9 16.5-31.4 42-31.4 8.4 0 14.5.7 20.2 1.7v-2.8c0-13.9-8.4-20.8-23.4-20.8-9.1 0-18.9 1.5-28.8 4.8l-5.4-15.4c12.6-4.6 24.3-7.1 36.4-7.1 16.2 0 25.6 4.1 32.1 10.4 6.7 6.7 9.7 16.3 9.7 28V138c-.1 9.8 1.2 20.6 4.6 29.5zm-48.3-13.6c7.4 0 16.2-1.9 23-5.4V125c-5.9-1.1-10.6-1.7-18.8-1.7-15.2 0-23 5.9-23 15.8.1 10 6.7 14.8 18.8 14.8zm88.7-120.1v18.4h-21.4V33.8h21.4zm0 37.1v97.7h-21.4V70.9h21.4zm45.7-39.7v137.4h-21.3V31.2h21.3z" fill="currentColor"></path> </svg> </a> </div> <div class="navigation-wrapper z-0"> <input id="menu-toggle" type="checkbox" role="button" aria-controls="primary-navigation" aria-expanded="false" aria-haspopup="true"> <label for="menu-toggle"> <span class="collasped-text sr-only">Open menu</span> <span class="expanded-text sr-only">Hide menu</span>  <svg class="i-hamburger size-icon-lg stroke-[2.25]" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"> <path d="M5 9H27"></path> <path d="M5 16H27"></path> <path d="M5 23H27"></path> </svg>  </label> <div id="side-nav-overlay" class="lg:hidden"></div> <ul id="primary-navigation"> <div class="bg-white left-0 lg:hidden sticky top-0 w-full z-10"></div> <li class="top-level-wrapper"> <a href="/features/" class="block top-level-nav-item"> <div class="label-wrapper"> <p class="text-fx-lg trim">Product tour</p> </div> </a> </li> <li class="top-level-wrapper"> <a href="/business/" class="block top-level-nav-item"> <div class="label-wrapper"> <p class="text-fx-lg trim">For business</p> </div> </a> </li> <li class="top-level-wrapper"> <details name="top-level" class="group/details"> <summary class="expandable top-level-nav-item"> <div class="label-wrapper"> <p class="text-fx-lg trim">Support &amp; Resources</p> </div>  <svg xmlns="http://www.w3.org/2000/svg" class="fill-none group-open/details:rotate-180 size-icon-sm" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-chevron" href="#i-chevron"></use> </svg> </summary> <ul class="second-level-wrapper"> <li> <p class="font-semibold lg:text-fx-lg text-fx-lg trim">Support</p> <ul class="third-level-wrapper"> <li> <a href="https://fastmail.help/hc/en-us/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> Help center</span> </p> </a> </li> <li> <a href="https://support.fastmail.com/support/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> Contact us</span> </p> </a> </li> <li> <a href="https://fastmailstatus.com/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> System status</span> </p> </a> </li> <li> <a href="/bug-bounty/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> Report a security issue</span> </p> </a> </li> </ul> </li> <li> <p class="font-semibold lg:text-fx-lg text-fx-lg trim">How to</p> <ul class="third-level-wrapper"> <li> <a href="/how-to/move-from-gmail/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> Move from Gmail</span> </p> </a> </li> <li> <a href="/how-to/move-from-outlook/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> Move from Outlook</span> </p> </a> </li> <li> <a href="/how-to/move-from-yahoo/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> Move from Yahoo</span> </p> </a> </li> <li> <a href="/how-to/move-from-proton/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> Move from Proton</span> </p> </a> </li> <li> <a href="/how-to/move-from-hey/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> Move from HEY</span> </p> </a> </li> <li> <a href="/how-to/email-for-your-domain/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> Get email for your domain</span> </p> </a> </li> <li> <a href="/how-to/stop-spam/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> Stop spam</span> </p> </a> </li> <li> <a href="/how-to/inbox-zero/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> Achieve inbox zero</span> </p> </a> </li> </ul> </li> <li> <p class="font-semibold lg:text-fx-lg text-fx-lg trim">Resources</p> <ul class="third-level-wrapper"> <li> <a href="/blog/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> Blog</span> </p> </a> </li> <li> <a href="/digitalcitizen/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> Podcast</span> </p> </a> </li> <li> <a href="/company/about/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> About us</span> </p> </a> </li> <li> <a href="/company/values/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> Our values</span> </p> </a> </li> <li> <a href="/dev/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> API Documentation</span> </p> </a> </li> <li> <a href="/policies/" class="group"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> Policies</span> </p> </a> </li> </ul> </li> <li> <p class="font-semibold lg:text-fx-lg text-fx-lg trim">Download the app</p> <ul class="third-level-wrapper"> <li> <a href="https://apps.apple.com/us/app/fastmail-email-calendar/id931370077" class="group" target="_blank"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> App Store</span>  <svg xmlns="http://www.w3.org/2000/svg" class="align-text-bottom inline size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="external-link-title-af0799" role="graphics-symbol"> <title id="external-link-title-af0799">Download Fastmail on the App Store</title> <use class="i-external-link" href="#i-external-link"></use> </svg>  </p> </a> </li> <li> <a href="https://play.google.com/store/apps/details?id=com.fastmail.app" class="group" target="_blank"> <p class="lg:max-w-max py-fx-4 text-fx-lg trim whitespace-nowrap"> <span class="lg:[--link-color:--theme-fg] lg:group-hover:link-underline lg:link whitespace-normal"> Google Play</span>  <svg xmlns="http://www.w3.org/2000/svg" class="align-text-bottom inline size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="external-link-title-dd53ad" role="graphics-symbol"> <title id="external-link-title-dd53ad">Download Fastmail on Google Play</title> <use class="i-external-link" href="#i-external-link"></use> </svg>  </p> </a> </li> </ul> </li> </ul> </details> </li> <li class="top-level-wrapper"> <a href="/pricing/" class="block top-level-nav-item"> <div class="label-wrapper"> <p class="text-fx-lg trim">Pricing</p> </div> </a> </li> <span class="flex-grow ge-[64rem]:hidden"></span> <li class="bg-white bottom-0 flex flex-col gap-fx-2 left-0 lg:hidden pb-fx-6 pt-fx-2 px-fx-4 right-0 sticky text-center"> <a href="https://app.fastmail.com/"> <p class="active:bg-grey-100/20 bg-grey-100/10 hover:bg-grey-100/15 py-fx-4 rounded-md text-blue-120 text-fx-lg trim w-full">Log in</p> </a> <a href="https://app.fastmail.com/signup/"> <p class="active:bg-blue-120 bg-blue-100 font-semibold hover:bg-blue-110 py-fx-4 rounded-md text-fx-lg text-white trim w-full">Try for free</p> </a> </li> </ul> </div> <ul class="flex flex-1 flex-row-reverse flex-wrap gap-x-fx-2 gap-y-fx-10 overflow-hidden self-stretch"> <li class="flex items-center lt-[22.5rem]:hidden min-h-header product-nav-wrapper"> <a href="https://app.fastmail.com/signup/"> <div class="active:bg-[--header-signup-bg-active] bg-[--header-signup-bg] border border-[--header-signup-border] flex hover:bg-[--header-signup-bg-hover] items-center px-fx-5 py-[10.5px] rounded-md text-nowrap"> <p class="font-semibold text-[--header-signup-fg] text-fx-lg trim">Try for free</p> </div> </a> </li> <li class="flex items-center lt-[22.5rem]:hidden overflow-hidden product-nav-wrapper whitespace-nowrap"> <a href="https://app.fastmail.com/" class="py-fx-3 top-level-nav-item"> <div class="label-wrapper mx-fx-5"> <p class="text-fx-lg trim">Log in</p> </div> </a> </li> </ul> </header> </div>  <main> <section class="-mt-header bg-blue-5/10 bg-dark-gradient overflow-clip pb-10xl pt-[calc(var(--fluid-space-xl-7xl)+var(--header-height))] relative"> <div class="*:col-[1] *:relative grid grid-cols-1 text-center"> <div class="row-[1] space-y-2xl text-fg-inverse wrapper z-10"> <h1 class="font-serif text-9 text-balance text-center trim"> Email and calendar made <span class="text-accent-better-inverse">better</span> </h1> <p class="mx-auto text-3 text-pretty trim">Fast, private email hosting for you or your business.</p> <div class="space-y-s"> <a href="https://app.fastmail.com/signup/"> <p class="active:bg-button-cta-bg-active bg-button-cta-bg focus-visible:outline focus-visible:outline-2 focus-visible:outline-button-cta-outline font-bold hover:bg-button-cta-bg-hover inline-block px-2xl py-s rounded-lg text-0 text-white trim"> Try free for 30 days </p> </a> <p class="text-min-1 text-white trim">No obligation, no credit card required.</p> </div> </div> <div class="[--app-switcher-width:29.25rem] group/hero mt-5xl relative row-[2] space-y-m"> <div class="pointer-events-none relative wrapper z-10"> <fieldset class="bg-white dark:bg-blue-170 drop-shadow-lg flex items-center justify-between max-w-[--app-switcher-width] mx-auto p-fx-0_5 pointer-events-auto rounded-[2.5rem]"> <label class="basis-1/3 border border-transparent cursor-pointer dark:has-[:checked]:bg-lightblue-160 dark:has-[:checked]:border-lightblue-130 dark:hover:bg-lightblue-160 duration-300 ease-out-expo h-full has-[:checked]:bg-lightblue-20 has-[:checked]:border-lightblue-80 has-[:focus-visible]:outline has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-lightblue-100 hover:bg-lightblue-10 p-3xs relative rounded-[2.5rem] transition-colors"> <input tabindex="0" class="hidden-input peer" type="radio" name="app-switcher" id="mail" checked=""> <div class="dark:peer-[:checked]:text-grey-15 dark:text-grey-40 flex flex-wrap gap-3xs items-center justify-center peer-[:checked]:font-bold peer-[:checked]:text-accent text-fg-subtle whitespace-nowrap">   <svg class="-mt-px dark:[--appicon-primary:--brand-color-lightblue-60] dark:[--appicon-secondary:--brand-color-lightblue-100] i-app-mail size-icon stroke-none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path class="appicon-secondary" d="M12 13.18L2 6.37V20z"></path><path class="appicon-primary" d="M2 20h19.3a.71.71 0 0 0 .7-.72V6.37z"></path> </svg>  <span class="lt-[23rem]:basis-full text-min-1 trim">Mail</span> </div> </label> <label class="basis-1/3 border border-transparent cursor-pointer dark:has-[:checked]:bg-lightblue-160 dark:has-[:checked]:border-lightblue-130 dark:hover:bg-lightblue-160 duration-300 ease-out-expo h-full has-[:checked]:bg-lightblue-20 has-[:checked]:border-lightblue-80 has-[:focus-visible]:outline has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-lightblue-100 hover:bg-lightblue-10 p-3xs relative rounded-[2.5rem] transition-colors"> <input tabindex="0" class="hidden-input peer" type="radio" name="app-switcher" id="contacts"> <div class="dark:peer-[:checked]:text-grey-15 dark:text-grey-40 flex flex-wrap gap-3xs items-center justify-center peer-[:checked]:font-bold peer-[:checked]:text-accent text-fg-subtle whitespace-nowrap">   <svg class="-mt-px dark:[--appicon-primary:--brand-color-lightblue-60] dark:[--appicon-secondary:--brand-color-lightblue-100] i-app-contacts size-icon stroke-none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <circle cx="16" cy="7.5" r="3.5" class="appicon-secondary"></circle><path class="appicon-secondary" d="M22 18.28A6.15 6.15 0 0 0 16 12a6.15 6.15 0 0 0-6 6.28V20h12z"></path><circle cx="8" cy="7.5" r="3.5" class="appicon-primary"></circle><path class="appicon-primary" d="M14 18.28A6.15 6.15 0 0 0 8 12a6.15 6.15 0 0 0-6 6.28V20h12z"></path> </svg>  <span class="lt-[23rem]:basis-full text-min-1 trim">Contacts</span> </div> </label> <label class="basis-1/3 border border-transparent cursor-pointer dark:has-[:checked]:bg-lightblue-160 dark:has-[:checked]:border-lightblue-130 dark:hover:bg-lightblue-160 duration-300 ease-out-expo h-full has-[:checked]:bg-lightblue-20 has-[:checked]:border-lightblue-80 has-[:focus-visible]:outline has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-lightblue-100 hover:bg-lightblue-10 p-3xs relative rounded-[2.5rem] transition-colors"> <input tabindex="0" class="hidden-input peer" type="radio" name="app-switcher" id="calendar"> <div class="dark:peer-[:checked]:text-grey-15 dark:text-grey-40 flex flex-wrap gap-3xs items-center justify-center peer-[:checked]:font-bold peer-[:checked]:text-accent text-fg-subtle whitespace-nowrap">   <svg class="-mt-px dark:[--appicon-primary:--brand-color-lightblue-60] dark:[--appicon-secondary:--brand-color-lightblue-100] i-app-calendar size-icon stroke-none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path class="appicon-primary" d="M2 8h20v11.11a.89.89 0 0 1-.89.89H2.89a.89.89 0 0 1-.89-.89V8z"></path><path class="appicon-secondary" d="M2.82 6h18.36a.82.82 0 0 1 .82.82V8H2V6.82A.82.82 0 0 1 2.82 6zM6 4a1 1 0 0 1 1 1v1H5V5a1 1 0 0 1 1-1zM18 4a1 1 0 0 1 1 1v1h-2V5a1 1 0 0 1 1-1z"></path> </svg>  <span class="lt-[23rem]:basis-full text-min-1 trim">Calendar</span> </div> </label> </fieldset> </div> <div class="hero-grid relative z-0"> <div class="col-[7/9] justify-self-center lg:col-[-4] md:-top-[57px] md:col-[-3] md:justify-self-end md:row-[1] md:self-start ns:hidden relative row-[2] self-end z-10"> <label class="bg-white/10 cursor-pointer dark:bg-grey-170/40 dark:hover:bg-grey-170/50 flex group/theme hover:bg-white/20 items-center justify-center rounded-full select-none size-icon-lg theme-toggle"> <input type="checkbox" class="hidden-input peer" id="theme-toggle" name="theme-toggle" title="Toggles light &amp; dark" aria-label="auto" aria-live="polite"> <svg aria-hidden="true" viewBox="0 0 24 24" class="size-icon"> <circle class="sun" cx="12" cy="12" r="3.5" fill="#ADB1B5" stroke="none"></circle> <path class="moon" d="M19.25 14.612C18.331 14.995 17.345 15.192 16.349 15.19C12.185 15.19 8.81 11.815 8.81 7.651C8.81 6.623 9.016 5.643 9.388 4.75C6.579 5.922 4.75 8.667 4.75 11.711C4.75 15.875 8.125 19.25 12.289 19.25C15.333 19.25 18.078 17.421 19.25 14.612Z" fill="#ADB1B5" stroke="#ADB1B5" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"></path> <path class="sun-beams" d="M12.0008 3.7998V5.8998M17.7008 6.1998L16.2008 7.6998M20.2008 11.9998H18.2008M17.8008 17.7998L16.3008 16.2998M12.0008 18.1998V20.1998M7.60078 16.2998L6.10078 17.7998M5.80078 11.9998H3.80078M7.60078 7.5998L6.20078 6.1998" stroke="#ADB1B5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </label> </div> <div class="-z-10 *:-translate-x-[45%] *:-translate-y-[10%] *:absolute *:max-w-[--grid-max-width] *:w-full col-[1] lg:col-[4] md:col-[3] row-[1]"> <img alt="" loading="eager" decoding="sync" src="/assets/images/hero-pink-circle-xByO5ejY1o-1184.svg" width="1184" height="1184"> </div> <div class="-z-10 *:-translate-x-[70%] *:absolute *:max-w-[--grid-max-width] *:scale-[0.3] *:translate-y-[20%] *:w-full col-[14] lg:*:-translate-y-[30%] lg:col-[13] md:*:-translate-x-[55%] md:*:-translate-y-[25%] row-[1]"> <img alt="" loading="eager" decoding="sync" src="/assets/images/hero-yellow-circle-n5Xu0Uhk35-368.svg" width="368" height="368"> </div> <div class="-z-10 *:-translate-x-[15%] *:-translate-y-[40%] *:absolute *:max-w-[--grid-max-width] *:w-full col-[4] lt-md:hidden row-[1]"> <img alt="" loading="eager" decoding="sync" src="/assets/images/hero-shapes-H_FJjwcKlj-1480.svg" width="1480" height="1399"> </div> <div class="col-[2/-2] duration-700 ease-out-expo lg:col-[3/-3] lt-md:hidden mail-hero opacity-0 relative row-[1] transition-opacity"> <picture><source type="image/webp" srcset="/assets/images/Mail-x1hgGorTMU-964.webp 964w, /assets/images/Mail-x1hgGorTMU-1044.webp 1044w, /assets/images/Mail-x1hgGorTMU-1928.webp 1928w, /assets/images/Mail-x1hgGorTMU-2088.webp 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"><img alt="Screenshot of the Fastmail mail app" loading="eager" decoding="sync" class="absolute dark:opacity-0 dark:pointer-events-none duration-700 ease-out-expo inset-0 transition-opacity" src="/assets/images/Mail-x1hgGorTMU-964.png" width="2088" height="1209" srcset="/assets/images/Mail-x1hgGorTMU-964.png 964w, /assets/images/Mail-x1hgGorTMU-1044.png 1044w, /assets/images/Mail-x1hgGorTMU-1928.png 1928w, /assets/images/Mail-x1hgGorTMU-2088.png 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"></picture> <picture><source type="image/webp" srcset="/assets/images/Mail-DM-vZq8sYdTKg-964.webp 964w, /assets/images/Mail-DM-vZq8sYdTKg-1044.webp 1044w, /assets/images/Mail-DM-vZq8sYdTKg-1928.webp 1928w, /assets/images/Mail-DM-vZq8sYdTKg-2088.webp 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"><img alt="Screenshot of the Fastmail mail app" loading="eager" decoding="sync" class="duration-700 ease-out-expo light:opacity-0 light:pointer-events-none transition-opacity" src="/assets/images/Mail-DM-vZq8sYdTKg-964.png" width="2088" height="1209" srcset="/assets/images/Mail-DM-vZq8sYdTKg-964.png 964w, /assets/images/Mail-DM-vZq8sYdTKg-1044.png 1044w, /assets/images/Mail-DM-vZq8sYdTKg-1928.png 1928w, /assets/images/Mail-DM-vZq8sYdTKg-2088.png 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"></picture> </div> <div class="col-[2/-2] contacts-hero duration-700 ease-out-expo lg:col-[3/-3] lt-md:hidden opacity-0 relative row-[1] transition-opacity"> <picture><source type="image/webp" srcset="/assets/images/Contacts-VqNYywSbIt-964.webp 964w, /assets/images/Contacts-VqNYywSbIt-1044.webp 1044w, /assets/images/Contacts-VqNYywSbIt-1928.webp 1928w, /assets/images/Contacts-VqNYywSbIt-2088.webp 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"><img alt="Screenshot of the Fastmail contacts app" loading="lazy" decoding="async" class="absolute dark:opacity-0 dark:pointer-events-none duration-700 ease-out-expo inset-0 transition-opacity" src="/assets/images/Contacts-VqNYywSbIt-964.png" width="2088" height="1209" srcset="/assets/images/Contacts-VqNYywSbIt-964.png 964w, /assets/images/Contacts-VqNYywSbIt-1044.png 1044w, /assets/images/Contacts-VqNYywSbIt-1928.png 1928w, /assets/images/Contacts-VqNYywSbIt-2088.png 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"></picture> <picture><source type="image/webp" srcset="/assets/images/Contacts-DM-K5l7kZyYfw-964.webp 964w, /assets/images/Contacts-DM-K5l7kZyYfw-1044.webp 1044w, /assets/images/Contacts-DM-K5l7kZyYfw-1928.webp 1928w, /assets/images/Contacts-DM-K5l7kZyYfw-2088.webp 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"><img alt="Screenshot of the Fastmail contacts app" loading="lazy" decoding="async" class="duration-700 ease-out-expo light:opacity-0 light:pointer-events-none transition-opacity" src="/assets/images/Contacts-DM-K5l7kZyYfw-964.png" width="2088" height="1209" srcset="/assets/images/Contacts-DM-K5l7kZyYfw-964.png 964w, /assets/images/Contacts-DM-K5l7kZyYfw-1044.png 1044w, /assets/images/Contacts-DM-K5l7kZyYfw-1928.png 1928w, /assets/images/Contacts-DM-K5l7kZyYfw-2088.png 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"></picture> </div> <div class="calendar-hero col-[2/-2] duration-700 ease-out-expo lg:col-[3/-3] lt-md:hidden opacity-0 relative row-[1] transition-opacity"> <picture><source type="image/webp" srcset="/assets/images/Calendar-WT0_nC7W9P-964.webp 964w, /assets/images/Calendar-WT0_nC7W9P-1044.webp 1044w, /assets/images/Calendar-WT0_nC7W9P-1928.webp 1928w, /assets/images/Calendar-WT0_nC7W9P-2088.webp 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"><img alt="Screenshot of the Fastmail calendar app" loading="lazy" decoding="async" class="absolute dark:opacity-0 dark:pointer-events-none duration-700 ease-out-expo inset-0 transition-opacity" src="/assets/images/Calendar-WT0_nC7W9P-964.png" width="2088" height="1209" srcset="/assets/images/Calendar-WT0_nC7W9P-964.png 964w, /assets/images/Calendar-WT0_nC7W9P-1044.png 1044w, /assets/images/Calendar-WT0_nC7W9P-1928.png 1928w, /assets/images/Calendar-WT0_nC7W9P-2088.png 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"></picture> <picture><source type="image/webp" srcset="/assets/images/Calendar-DM-a7iAd_Mg70-964.webp 964w, /assets/images/Calendar-DM-a7iAd_Mg70-1044.webp 1044w, /assets/images/Calendar-DM-a7iAd_Mg70-1928.webp 1928w, /assets/images/Calendar-DM-a7iAd_Mg70-2088.webp 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"><img alt="Screenshot of the Fastmail calendar app" loading="lazy" decoding="async" class="duration-700 ease-out-expo light:opacity-0 light:pointer-events-none transition-opacity" src="/assets/images/Calendar-DM-a7iAd_Mg70-964.png" width="2088" height="1209" srcset="/assets/images/Calendar-DM-a7iAd_Mg70-964.png 964w, /assets/images/Calendar-DM-a7iAd_Mg70-1044.png 1044w, /assets/images/Calendar-DM-a7iAd_Mg70-1928.png 1928w, /assets/images/Calendar-DM-a7iAd_Mg70-2088.png 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"></picture> </div> <div class="col-span-full duration-700 ease-out-expo mail-hero md:hidden mx-gutter opacity-0 relative row-[1] self-end transition-opacity"> <picture><source type="image/webp" srcset="/assets/images/Mail-MPLlaZVg2M-468.webp 468w, /assets/images/Mail-MPLlaZVg2M-936.webp 936w" sizes="468px"><img alt="Screenshot of the Fastmail mail app" loading="eager" decoding="sync" class="absolute dark:opacity-0 dark:pointer-events-none duration-700 ease-out-expo inset-0 max-w-[min(100%,var(--app-switcher-width))] mx-auto px-fx-5 transition-opacity" src="/assets/images/Mail-MPLlaZVg2M-468.png" width="936" height="1560" srcset="/assets/images/Mail-MPLlaZVg2M-468.png 468w, /assets/images/Mail-MPLlaZVg2M-936.png 936w" sizes="468px"></picture> <picture><source type="image/webp" srcset="/assets/images/Mail-DM-a65bdY14MA-468.webp 468w, /assets/images/Mail-DM-a65bdY14MA-936.webp 936w" sizes="468px"><img alt="Screenshot of the Fastmail mail app" loading="eager" decoding="sync" class="duration-700 ease-out-expo light:opacity-0 light:pointer-events-none max-w-[min(100%,var(--app-switcher-width))] mx-auto px-fx-5 transition-opacity" src="/assets/images/Mail-DM-a65bdY14MA-468.png" width="936" height="1560" srcset="/assets/images/Mail-DM-a65bdY14MA-468.png 468w, /assets/images/Mail-DM-a65bdY14MA-936.png 936w" sizes="468px"></picture> </div> <div class="col-span-full contacts-hero duration-700 ease-out-expo md:hidden mx-gutter opacity-0 relative row-[1] self-end transition-opacity"> <picture><source type="image/webp" srcset="/assets/images/Contacts-rugnv6kfYn-468.webp 468w, /assets/images/Contacts-rugnv6kfYn-936.webp 936w" sizes="468px"><img alt="Screenshot of the Fastmail contacts app" loading="lazy" decoding="async" class="absolute dark:opacity-0 dark:pointer-events-none duration-700 ease-out-expo inset-0 max-w-[min(100%,var(--app-switcher-width))] mx-auto px-fx-5 transition-opacity" src="/assets/images/Contacts-rugnv6kfYn-468.png" width="936" height="1560" srcset="/assets/images/Contacts-rugnv6kfYn-468.png 468w, /assets/images/Contacts-rugnv6kfYn-936.png 936w" sizes="468px"></picture> <picture><source type="image/webp" srcset="/assets/images/Contacts-DM-6nuNfWk89F-468.webp 468w, /assets/images/Contacts-DM-6nuNfWk89F-936.webp 936w" sizes="468px"><img alt="Screenshot of the Fastmail contacts app" loading="lazy" decoding="async" class="duration-700 ease-out-expo light:opacity-0 light:pointer-events-none max-w-[min(100%,var(--app-switcher-width))] mx-auto px-fx-5 transition-opacity" src="/assets/images/Contacts-DM-6nuNfWk89F-468.png" width="936" height="1560" srcset="/assets/images/Contacts-DM-6nuNfWk89F-468.png 468w, /assets/images/Contacts-DM-6nuNfWk89F-936.png 936w" sizes="468px"></picture> </div> <div class="calendar-hero col-span-full duration-700 ease-out-expo md:hidden mx-gutter opacity-0 relative row-[1] self-end transition-opacity"> <picture><source type="image/webp" srcset="/assets/images/Calendar-NuH9Dhyxz1-468.webp 468w, /assets/images/Calendar-NuH9Dhyxz1-936.webp 936w" sizes="468px"><img alt="Screenshot of the Fastmail calendar app" loading="lazy" decoding="async" class="absolute dark:opacity-0 dark:pointer-events-none duration-700 ease-out-expo inset-0 max-w-[min(100%,var(--app-switcher-width))] mx-auto px-fx-5 transition-opacity" src="/assets/images/Calendar-NuH9Dhyxz1-468.png" width="936" height="1560" srcset="/assets/images/Calendar-NuH9Dhyxz1-468.png 468w, /assets/images/Calendar-NuH9Dhyxz1-936.png 936w" sizes="468px"></picture> <picture><source type="image/webp" srcset="/assets/images/Calendar-DM-iaywox8UHq-468.webp 468w, /assets/images/Calendar-DM-iaywox8UHq-936.webp 936w" sizes="468px"><img alt="Screenshot of the Fastmail calendar app" loading="lazy" decoding="async" class="duration-700 ease-out-expo light:opacity-0 light:pointer-events-none max-w-[min(100%,var(--app-switcher-width))] mx-auto px-fx-5 transition-opacity" src="/assets/images/Calendar-DM-iaywox8UHq-468.png" width="936" height="1560" srcset="/assets/images/Calendar-DM-iaywox8UHq-468.png 468w, /assets/images/Calendar-DM-iaywox8UHq-936.png 936w" sizes="468px"></picture> </div> </div> </div> <div class="col-span-full flex flex-wrap gap-3xl justify-center max-h-[9em] overflow-clip pb-s pt-3xl row-[3] text-min-1 text-white wrapper z-10"> <div class="basis-[30ch] space-y-xs text-center"> <div class="flex justify-center">   <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg>    <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg>    <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg>    <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg>    <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg>  </div> <p class="text-min-1 trim">“I have used Fastmail for years and never had one problem. Not one.”</p> </div> <div class="basis-[30ch] space-y-xs text-center"> <div class="flex justify-center">   <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg>    <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg>    <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg>    <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg>    <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg>  </div> <p class="text-min-1 trim">“I migrated from Google Workspace to Fastmail and would never go back.”</p> </div> <div class="basis-[30ch] space-y-xs text-center"> <div class="flex justify-center">   <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg>    <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg>    <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg>    <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg>    <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg>  </div> <p class="text-min-1 trim">“I've been using Fastmail for more than ten years. I couldn't be happier.”</p> </div> </div> </div> </section>  <section class="bg-page-bg grid-wrapper py-8xl section-card"> <header class="space-y-2xl text-center"> <h2 class="font-serif mx-auto text-8 text-balance trim"> Better for staying on top of it all </h2> <p class="max-w-[55ch] mx-auto text-2 text-pretty trim"> See how much better email and calendars can be when it’s super fast, has great search, and surfaces the information you need, right when you need it. </p> </header> </section>  <section class="lg:mb-[--section-card-overlap] lt-lg:grid-wrapper relative split-grid-wrapper"> <div class="bg-mellow-yellow col-[image] lt-lg:hidden ns:hidden rounded-tr-3xl row-span-full"></div> <div class="col-[copy] flex flex-col justify-center lg:items-center lg:js:h-[calc(100vh-var(--header-height))] lg:max-w-[40ch] lg:ml-auto lt-lg:mb-10xl lt-lg:mx-auto max-w-[35rem] text-1 text-pretty w-full"> <div class="bg-mellow-yellow lg:hidden mb-4xl min-w-full rounded-3xl"> <picture><source type="image/webp" srcset="/assets/images/boost-your-productivity-uAfnuLPjXV-560.webp 560w, /assets/images/boost-your-productivity-uAfnuLPjXV-1120.webp 1120w" sizes="(max-width: 64rem) 560px, 100vw"><img alt="" loading="lazy" decoding="async" class="max-w-full mx-auto select-none size-auto" src="/assets/images/boost-your-productivity-uAfnuLPjXV-560.png" width="1120" height="920" srcset="/assets/images/boost-your-productivity-uAfnuLPjXV-560.png 560w, /assets/images/boost-your-productivity-uAfnuLPjXV-1120.png 1120w" sizes="(max-width: 64rem) 560px, 100vw"></picture> </div> <div data-io-observe="" data-index="0" class="gt-[40rem]:px-l lg:pl-0 lg:pr-7xl" data-ratio="0"> <h3 class="font-semibold text-3 trim">Boost your productivity</h3> <ul class="list-disc md:ml-fx-4 ml-fx-5 mt-xl space-y-xs text-1 trim"> <li class="list-item text-1"> <span class="font-bold">Pin</span> important messages to the top of your inbox for instant access. </li> <li class="list-item text-1"> <span class="font-bold">Snooze</span> tickets and bills to just when you need them. </li> <li class="list-item text-1"> Find any message in seconds with our powerful <span class="font-bold">search</span>. </li> </ul> </div> </div> <div data-io-transition="" class="col-[image] js:row-[1] js:sticky js:top-header lt-lg:hidden ns:bg-mellow-yellow pl-gutter place-items-center relative transition-opacity"> <div class="flex items-center justify-center size-full"> <picture><source type="image/webp" srcset="/assets/images/boost-your-productivity-j1acNT4g-c-620.webp 620w, /assets/images/boost-your-productivity-j1acNT4g-c-775.webp 775w, /assets/images/boost-your-productivity-j1acNT4g-c-1240.webp 1240w, /assets/images/boost-your-productivity-j1acNT4g-c-1550.webp 1550w" sizes="(min-width: 92.5rem) 775px, (min-width: 64rem) 620px, 100vw"><img alt="" loading="lazy" decoding="async" class="max-w-[620px] max:max-w-[775px] select-none w-full" src="/assets/images/boost-your-productivity-j1acNT4g-c-620.png" width="1550" height="1135" srcset="/assets/images/boost-your-productivity-j1acNT4g-c-620.png 620w, /assets/images/boost-your-productivity-j1acNT4g-c-775.png 775w, /assets/images/boost-your-productivity-j1acNT4g-c-1240.png 1240w, /assets/images/boost-your-productivity-j1acNT4g-c-1550.png 1550w" sizes="(min-width: 92.5rem) 775px, (min-width: 64rem) 620px, 100vw"></picture> </div> </div> <div class="col-[copy] flex flex-col justify-center lg:items-center lg:js:h-[calc(100vh-var(--header-height))] lg:max-w-[40ch] lg:ml-auto lt-lg:mb-10xl lt-lg:mx-auto max-w-[35rem] text-1 text-pretty w-full"> <div class="bg-mellow-yellow lg:hidden mb-4xl min-w-full rounded-3xl"> <picture><source type="image/webp" srcset="/assets/images/protect-your-privacy-1JICCgp--_-560.webp 560w, /assets/images/protect-your-privacy-1JICCgp--_-1120.webp 1120w" sizes="(max-width: 64rem) 560px, 100vw"><img alt="" loading="lazy" decoding="async" class="max-w-full mx-auto select-none size-auto" src="/assets/images/protect-your-privacy-1JICCgp--_-560.png" width="1120" height="920" srcset="/assets/images/protect-your-privacy-1JICCgp--_-560.png 560w, /assets/images/protect-your-privacy-1JICCgp--_-1120.png 1120w" sizes="(max-width: 64rem) 560px, 100vw"></picture> </div> <div data-io-observe="" data-index="1" class="gt-[40rem]:px-l lg:pl-0 lg:pr-7xl" data-ratio="0"> <h3 class="font-semibold text-3 trim">Protect your privacy</h3> <ul class="list-disc md:ml-fx-4 ml-fx-5 mt-xl space-y-xs text-1 trim"> <li class="list-item text-1"> Keep your real email address private with <span class="font-bold">Masked Email</span>. </li> <li class="list-item text-1"> Use <span class="font-bold">aliases</span> to keep your side hustles separate. </li> <li class="list-item text-1"> <span class="font-bold">Stop spy pixels</span> tracking your location. </li> </ul> </div> </div> <div data-io-transition="" class="col-[image] js:row-[1] js:sticky js:top-header lt-lg:hidden ns:bg-mellow-yellow pl-gutter place-items-center relative transition-opacity opacity-0"> <div class="flex items-center justify-center size-full"> <picture><source type="image/webp" srcset="/assets/images/protect-your-privacy-ylgqVFcxd7-620.webp 620w, /assets/images/protect-your-privacy-ylgqVFcxd7-775.webp 775w, /assets/images/protect-your-privacy-ylgqVFcxd7-1240.webp 1240w, /assets/images/protect-your-privacy-ylgqVFcxd7-1550.webp 1550w" sizes="(min-width: 92.5rem) 775px, (min-width: 64rem) 620px, 100vw"><img alt="" loading="lazy" decoding="async" class="max-w-[620px] max:max-w-[775px] select-none w-full" src="/assets/images/protect-your-privacy-ylgqVFcxd7-620.png" width="1550" height="1135" srcset="/assets/images/protect-your-privacy-ylgqVFcxd7-620.png 620w, /assets/images/protect-your-privacy-ylgqVFcxd7-775.png 775w, /assets/images/protect-your-privacy-ylgqVFcxd7-1240.png 1240w, /assets/images/protect-your-privacy-ylgqVFcxd7-1550.png 1550w" sizes="(min-width: 92.5rem) 775px, (min-width: 64rem) 620px, 100vw"></picture> </div> </div> <div class="col-[copy] flex flex-col justify-center lg:items-center lg:js:h-[calc(100vh-var(--header-height))] lg:max-w-[40ch] lg:ml-auto lt-lg:mb-10xl lt-lg:mx-auto max-w-[35rem] text-1 text-pretty w-full"> <div class="bg-mellow-yellow lg:hidden mb-4xl min-w-full rounded-3xl"> <picture><source type="image/webp" srcset="/assets/images/get-organized-i6p0dCU1Gi-560.webp 560w, /assets/images/get-organized-i6p0dCU1Gi-1120.webp 1120w" sizes="(max-width: 64rem) 560px, 100vw"><img alt="" loading="lazy" decoding="async" class="max-w-full mx-auto select-none size-auto" src="/assets/images/get-organized-i6p0dCU1Gi-560.png" width="1120" height="920" srcset="/assets/images/get-organized-i6p0dCU1Gi-560.png 560w, /assets/images/get-organized-i6p0dCU1Gi-1120.png 1120w" sizes="(max-width: 64rem) 560px, 100vw"></picture> </div> <div data-io-observe="" data-index="2" class="gt-[40rem]:px-l lg:pl-0 lg:pr-7xl" data-ratio="0"> <h3 class="font-semibold text-3 trim">Get organized</h3> <ul class="list-disc md:ml-fx-4 ml-fx-5 mt-xl space-y-xs text-1 trim"> <li class="list-item text-1"> Stay on schedule with our <span class="font-bold">fast, beautiful calendar</span>. </li> <li class="list-item text-1"> <span class="font-bold">Know exactly what’s changed</span> when someone updates an event. </li> <li class="list-item text-1"> See all your events in one place by adding your <span class="font-bold">Google or iCloud calendars</span>. </li> </ul> </div> </div> <div data-io-transition="" class="col-[image] js:row-[1] js:sticky js:top-header lt-lg:hidden ns:bg-mellow-yellow pl-gutter place-items-center relative transition-opacity opacity-0"> <div class="flex items-center justify-center size-full"> <picture><source type="image/webp" srcset="/assets/images/get-organized-H-YRwzwMLC-620.webp 620w, /assets/images/get-organized-H-YRwzwMLC-775.webp 775w, /assets/images/get-organized-H-YRwzwMLC-1240.webp 1240w, /assets/images/get-organized-H-YRwzwMLC-1550.webp 1550w" sizes="(min-width: 92.5rem) 775px, (min-width: 64rem) 620px, 100vw"><img alt="" loading="lazy" decoding="async" class="max-w-[620px] max:max-w-[775px] select-none w-full" src="/assets/images/get-organized-H-YRwzwMLC-620.png" width="1550" height="1135" srcset="/assets/images/get-organized-H-YRwzwMLC-620.png 620w, /assets/images/get-organized-H-YRwzwMLC-775.png 775w, /assets/images/get-organized-H-YRwzwMLC-1240.png 1240w, /assets/images/get-organized-H-YRwzwMLC-1550.png 1550w" sizes="(min-width: 92.5rem) 775px, (min-width: 64rem) 620px, 100vw"></picture> </div> </div> <div class="col-[copy] flex flex-col justify-center lg:items-center lg:js:h-[calc(100vh-var(--header-height))] lg:max-w-[40ch] lg:ml-auto lt-lg:mb-10xl lt-lg:mx-auto max-w-[35rem] text-1 text-pretty w-full"> <div class="bg-mellow-yellow lg:hidden mb-4xl min-w-full rounded-3xl"> <picture><source type="image/webp" srcset="/assets/images/user-friendly-ui-U7C6yOhbGl-560.webp 560w, /assets/images/user-friendly-ui-U7C6yOhbGl-1120.webp 1120w" sizes="(max-width: 64rem) 560px, 100vw"><img alt="" loading="lazy" decoding="async" class="max-w-full mx-auto select-none size-auto" src="/assets/images/user-friendly-ui-U7C6yOhbGl-560.png" width="1120" height="920" srcset="/assets/images/user-friendly-ui-U7C6yOhbGl-560.png 560w, /assets/images/user-friendly-ui-U7C6yOhbGl-1120.png 1120w" sizes="(max-width: 64rem) 560px, 100vw"></picture> </div> <div data-io-observe="" data-index="3" class="gt-[40rem]:px-l lg:pl-0 lg:pr-7xl" data-ratio="0"> <h3 class="font-semibold text-3 trim">Stay focused</h3> <ul class="list-disc md:ml-fx-4 ml-fx-5 mt-xl space-y-xs text-1 trim"> <li class="list-item text-1"> Avoid unwanted interruptions with <span class="font-bold whitespace-nowrap">VIP-only notifications</span>. </li> <li class="list-item text-1"> Work on your time with <span class="font-bold">scheduled send</span>. </li> </ul> </div> </div> <div data-io-transition="" class="col-[image] js:row-[1] js:sticky js:top-header lt-lg:hidden ns:bg-mellow-yellow pl-gutter place-items-center relative transition-opacity opacity-0"> <div class="flex items-center justify-center size-full"> <picture><source type="image/webp" srcset="/assets/images/user-friendly-ui-1cstdEsrtD-620.webp 620w, /assets/images/user-friendly-ui-1cstdEsrtD-775.webp 775w, /assets/images/user-friendly-ui-1cstdEsrtD-1240.webp 1240w, /assets/images/user-friendly-ui-1cstdEsrtD-1550.webp 1550w" sizes="(min-width: 92.5rem) 775px, (min-width: 64rem) 620px, 100vw"><img alt="" loading="lazy" decoding="async" class="max-w-[620px] max:max-w-[775px] select-none w-full" src="/assets/images/user-friendly-ui-1cstdEsrtD-620.png" width="1550" height="1135" srcset="/assets/images/user-friendly-ui-1cstdEsrtD-620.png 620w, /assets/images/user-friendly-ui-1cstdEsrtD-775.png 775w, /assets/images/user-friendly-ui-1cstdEsrtD-1240.png 1240w, /assets/images/user-friendly-ui-1cstdEsrtD-1550.png 1550w" sizes="(min-width: 92.5rem) 775px, (min-width: 64rem) 620px, 100vw"></picture> </div> </div> </section>  <section class="bg-dark-gradient gap-y-6xl grid-wrapper lg:before:-z-10 lg:before:absolute lg:before:bg-mellow-yellow lg:before:h-[--section-card-overlap] lg:before:right-0 lg:before:top-0 lg:before:w-1/2 md:min-h-[64rem] place-content-center quote-section relative section-card"> <header class="space-y-2xl text-center"> <h2 class="font-serif max-w-[25ch] mx-auto text-8 text-balance text-fg-inverse text-white trim"> Better isn’t easy to describe, but you know it when you see it </h2> </header> <div class="flex flex-wrap gap-xl justify-center"> <div class="background-wrapper quote-1 relative z-10"> <div class="bg-white flex flex-col gap-m h-full justify-between max-w-[396px] p-xl relative rounded-xl shadow-lg z-10"> <blockquote class="after:content-[close-quote] after:sr-only before:absolute before:align-text-bottom before:content-[open-quote] before:font-serif before:leading-[0.1em] before:text-[4em] before:text-blue-100 before:top-[0.53em] items-start relative"> <p class="font-light font-serif inline ml-[1.5em] text-2"> Best alternative to Gmail and iCloud for email, calendars, and contacts! </p> </blockquote> <div class="flex items-center"> <div class="flex-grow space-y-xs"> <p class="font-semibold text-min-1 trim">Jon Henshaw</p> <p class="text-grey-80 text-min-3 trim">Founder of Coywolf</p> </div> <div class="min-w-[44px] overflow-hidden rounded-full size-[44px]"> <picture><source type="image/webp" srcset="/assets/images/jon-dYRma2b9cJ-177.webp 177w"><img alt="Profile picture of Jon Henshaw" loading="lazy" decoding="async" class="object-cover size-[44px]" src="/assets/images/jon-dYRma2b9cJ-177.png" width="177" height="176"></picture> </div> </div> </div> </div> <div class="background-wrapper quote-2 relative z-10"> <div class="bg-white flex flex-col gap-m h-full justify-between max-w-[396px] p-xl relative rounded-xl shadow-lg z-10"> <blockquote class="after:content-[close-quote] after:sr-only before:absolute before:align-text-bottom before:content-[open-quote] before:font-serif before:leading-[0.1em] before:text-[4em] before:text-blue-100 before:top-[0.53em] items-start relative"> <p class="font-light font-serif inline ml-[1.5em] text-2"> I have used Fastmail for years and found them consistently excellent. </p> </blockquote> <div class="flex items-center"> <div class="flex-grow space-y-xs"> <p class="font-semibold text-min-1 trim">Dylan Beattie</p> <p class="text-grey-80 text-min-3 trim">Creator of the Rockstar programming language</p> </div> <div class="min-w-[44px] overflow-hidden rounded-full size-[44px]"> <picture><source type="image/webp" srcset="/assets/images/dylan-PMASxJ4slF-177.webp 177w"><img alt="Profile picture of Dylan Beattie" loading="lazy" decoding="async" class="object-cover size-[44px]" src="/assets/images/dylan-PMASxJ4slF-177.png" width="177" height="176"></picture> </div> </div> </div> </div> <div class="background-wrapper quote-3 relative z-10"> <div class="bg-white flex flex-col gap-m h-full justify-between max-w-[396px] p-xl relative rounded-xl shadow-lg z-10"> <blockquote class="after:content-[close-quote] after:sr-only before:absolute before:align-text-bottom before:content-[open-quote] before:font-serif before:leading-[0.1em] before:text-[4em] before:text-blue-100 before:top-[0.53em] items-start relative"> <p class="font-light font-serif inline ml-[1.5em] text-2"> Fastmail rocks! It’s secure, private, independent, and has a Gmail transfer tool. You won’t regret the move. </p> </blockquote> <div class="flex items-center"> <div class="flex-grow space-y-xs"> <p class="font-semibold text-min-1 trim">Vicky Brasseur</p> <p class="text-grey-80 text-min-3 trim">Open source expert and author</p> </div> <div class="min-w-[44px] overflow-hidden rounded-full size-[44px]"> <picture><source type="image/webp" srcset="/assets/images/vicky-0Xx3WRo1hN-177.webp 177w"><img alt="Profile picture of Vicky Brasseur" loading="lazy" decoding="async" class="object-cover size-[44px]" src="/assets/images/vicky-0Xx3WRo1hN-177.png" width="177" height="176"></picture> </div> </div> </div> </div> </div> </section>   <section class="bg-mellow-yellow gap-y-9xl grid-wrapper section-card"> <header class="space-y-2xl text-center"> <h2 class="font-serif mx-auto text-8 text-balance trim"> Better for your peace of mind </h2> </header> <div class="gap-x-2xl gap-y-xl grid lg:px-xl max-w-[--wrapper-width] md:grid-cols-2">   <a href="/pricing/" class="c-card group"> <div class="bg-page-bg border border-border-medium fine:duration-500 fine:ease-out-expo fine:group-hover:shadow-[--shadow-color] fine:group-hover:shadow-card fine:transition-shadow h-full p-2xl rounded-2xl space-y-xl"> <span class="bg-accent inline-flex p-fx-2 rounded-full">  <svg class="i-heart size-icon-lg stroke-[1.5] text-white" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M18.2 12 12 18.44 5.8 12a3.822 3.822 0 0 1 .14-5.4 3.822 3.822 0 0 1 5.4.14c.27.28.49.61.67.96.92-1.9 3.2-2.69 5.1-1.77 1.9.92 2.69 3.2 1.77 5.1-.17.35-.4.68-.67.96l-.01.01Z"></path> </svg>  </span> <h3 class="font-bold text-2 trim">Private</h3> <p class="text-1 trim">Free email isn’t really free: you’re paying with your privacy. As a paid service, we only serve you, our customer. This means we have no split loyalties, no mining of your personal data, no sharing it with third parties, and no ads, ever.</p> <p class="max-w-max text-1 text-pretty trim whitespace-nowrap"> <span class="group-hover:link-underline link whitespace-normal"> See plans</span> <svg class="align-text-bottom i-arrow-right inline size-icon stroke-accent" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M4.75 11.75H19.25"></path> <path d="M14.4199 6.91992L19.2499 11.7499L14.4199 16.5799"></path> </svg> </p> </div> </a>    <a href="/features/security/" class="c-card group"> <div class="bg-page-bg border border-border-medium fine:duration-500 fine:ease-out-expo fine:group-hover:shadow-[--shadow-color] fine:group-hover:shadow-card fine:transition-shadow h-full p-2xl rounded-2xl space-y-xl"> <span class="bg-accent inline-flex p-fx-2 rounded-full">  <svg class="i-padlock size-icon-lg stroke-[1.5] text-white" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M7.331,10h8.713a1.254,1.254,0,0,1,1.231,1.231v6.251a1.254,1.254,0,0,1-1.231,1.231H7.331A1.254,1.254,0,0,1,6.1,17.482V11.231A1.254,1.254,0,0,1,7.331,10Z"></path> <line y2="1.61" transform="translate(14.95, 8)"></line> <line y1="1.705" transform="translate(8.7, 8.0)"></line> <path d="M8.7,7.925a3.125,3.125,0,1,1,6.251,0"></path> </svg>  </span> <h3 class="font-bold text-2 trim">Secure</h3> <p class="text-1 trim">Your email unlocks access to everything you do on the web. It’s the history of where you’ve been, what you buy, and who you know. We take great measures to keep it secure, backed up, and always available to you — and no one else.</p> <p class="max-w-max text-1 text-pretty trim whitespace-nowrap"> <span class="group-hover:link-underline link whitespace-normal"> Learn about email security</span> <svg class="align-text-bottom i-arrow-right inline size-icon stroke-accent" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M4.75 11.75H19.25"></path> <path d="M14.4199 6.91992L19.2499 11.7499L14.4199 16.5799"></path> </svg> </p> </div> </a>    <a href="https://support.fastmail.com/support/" class="c-card group"> <div class="bg-page-bg border border-border-medium fine:duration-500 fine:ease-out-expo fine:group-hover:shadow-[--shadow-color] fine:group-hover:shadow-card fine:transition-shadow h-full p-2xl rounded-2xl space-y-xl"> <span class="bg-accent inline-flex p-fx-2 rounded-full">  <svg class="i-umbrella size-icon-lg stroke-[1.5] text-white" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <line x1="19.2" y1="19.2" x2="12.8" y2="12.8"></line> <path d="M16.1,9.7l-0.6-0.6c-2-2-5.1-2.6-7.9-1.5c-1.1,2.8-0.5,5.9,1.5,7.9l0.6,0.6"></path> <path d="M19.2,6.5c-3.6-2.9-9.1-2.1-12.3,1.8c-2.7,3.3-2.9,7.9-0.5,11L19.2,6.5z"></path> <line x1="7.6" y1="7.6" x2="6.4" y2="6.4"></line> </svg>  </span> <h3 class="font-bold text-2 trim">Personal support</h3> <p class="text-1 trim">From “how do I get started” to “I’ve lost my phone” panic, when you need that extra helping hand, we’re here for you. Our support team are online 24/7, providing personal support to ensure your email runs smoothly.</p> <p class="max-w-max text-1 text-pretty trim whitespace-nowrap"> <span class="group-hover:link-underline link whitespace-normal"> Get support</span> <svg class="align-text-bottom i-arrow-right inline size-icon stroke-accent" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M4.75 11.75H19.25"></path> <path d="M14.4199 6.91992L19.2499 11.7499L14.4199 16.5799"></path> </svg> </p> </div> </a>    <a href="/company/values/" class="c-card group"> <div class="bg-page-bg border border-border-medium fine:duration-500 fine:ease-out-expo fine:group-hover:shadow-[--shadow-color] fine:group-hover:shadow-card fine:transition-shadow h-full p-2xl rounded-2xl space-y-xl"> <span class="bg-accent inline-flex p-fx-2 rounded-full">  <svg class="i-sent size-icon-lg stroke-[1.5] text-white" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <polyline points="8.62 13.45 16.35 19.25 19.25 4.75 4.75 10.55 6.68 12"></polyline> <polyline points="11.64 15.72 8.62 19.25 8.62 13.45 12.97 10.55"></polyline> </svg>  </span> <h3 class="font-bold text-2 trim">No lock-in</h3> <p class="text-1 trim">We’ve been delivering a better service for over 20 years, growing all that time — because once you’ve tried it, you won’t settle for anything else. People stay because we’re the best, not because it’s too hard to get your data out. After all, it’s your data, not ours.</p> <p class="max-w-max text-1 text-pretty trim whitespace-nowrap"> <span class="group-hover:link-underline link whitespace-normal"> Read our values</span> <svg class="align-text-bottom i-arrow-right inline size-icon stroke-accent" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M4.75 11.75H19.25"></path> <path d="M14.4199 6.91992L19.2499 11.7499L14.4199 16.5799"></path> </svg> </p> </div> </a>  </div> </section>  <section class="bg-page-bg grid-wrapper section-card space-y-6xl"> <header class="text-center"> <h2 class="font-serif text-8 trim"><span class="text-blue-100">Better</span> for everyone</h2> </header> <div class="gap-x-gutter gap-y-2xl grid lg:grid-cols-2"> <div class="lg:px-l lg:py-2xl lt-lg:order-2 space-y-2xl text-pretty"> <p class="font-light font-serif text-3 text-accent trim"> We won’t let email become just another closed messaging service owned by big tech. </p> <p class="text-1 trim"> We don’t just make a better email service. We also make email better for everyone with our work advancing open standards and leading industry co-operation. We employ the top experts on email and calendaring, working on everything from email authentication to calendar interoperability. </p> <p class="text-1 trim"> Our contributions include the development of JMAP, the next-generation open sync protocol, and a wide range of open-source code used by organizations around the world. Our work keeps the internet open, and stops email becoming just another walled garden. </p>   <a class="block group/link" href="/company/open-source/"> <p class="h-full max-w-max text-1 text-pretty trim whitespace-nowrap"> <span class="group-hover/link:link-underline link whitespace-normal"> Read about open source and standards</span>  <svg xmlns="http://www.w3.org/2000/svg" class="align-text-bottom inline size-icon stroke-accent" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-arrow-right" href="#i-arrow-right"></use> </svg>  </p> </a>  </div>  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 657 504" class="lt-lg:order-1 max-w-full"> <path fill="#FFA0C3" d="M1.175 155.408a32.002 32.002 0 0 0 46.557 36.458 32.008 32.008 0 0 0 16.032-31.744 32.002 32.002 0 0 0-47.496-23.988 32.003 32.003 0 0 0-15.093 19.274Z"></path> <path fill="#EA8FB4" d="M61.687 152.176a141.464 141.464 0 0 1-25.184 20.416l-3.872 2.4a.796.796 0 0 1 0 .768c1.472-.864 2.944-1.728 4.48-2.528a108.895 108.895 0 0 1 11.68-8.768c2.944-1.824 5.792-3.2 8.64-4.736 1.76-1.504 3.392-3.2 5.088-4.672l.288 1.024-1.888 2.016a1.177 1.177 0 0 1 1.184.384 1.405 1.405 0 0 1 0 1.408l1.376-1.024v.832a171.935 171.935 0 0 1-6.016 4.448 207.703 207.703 0 0 1-7.648 6.176c.464-.055.933.034 1.344.256l1.248-.896c3.648-3.2 7.392-6.4 11.104-9.6.016.106.016.214 0 .32-2.816 2.464-5.632 4.896-8.416 7.392l8.512-6.4v2.56c-.288.192-.544.448-.832.672l-.608.576-.512.672 1.952-1.344c0 .96-.064 1.92-.192 2.88a174.293 174.293 0 0 1-7.616 6.208c-1.504 1.984-3.008 3.968-4.608 5.92l.8-.48a71.53 71.53 0 0 0 11.232-10.144v.768c-.736.768-1.408 1.504-2.176 2.24-2.208 2.144-4.384 4.128-6.4 6.208a102.452 102.452 0 0 0 8.256-7.008c0 .448-.192.928-.32 1.376-.07.26-.156.517-.256.768-2.176 2.048-4.512 4.032-6.784 6.016a.897.897 0 0 1 0 .416 2.946 2.946 0 0 1-1.44 1.6l-.576.288c-2.272 1.248-4.544 2.56-6.816 3.744a6.429 6.429 0 0 1-1.344 1.248c-1.6 1.6-3.2 3.2-4.96 4.672a.384.384 0 0 1 .384.192c0 .288-.16.768-.704 1.088l-.768.512 2.4-1.216h.32a41.005 41.005 0 0 0 2.464-1.632 123.446 123.446 0 0 0 16.992-14.336 31.127 31.127 0 0 1-2.72 5.344 44.87 44.87 0 0 1-4.384 5.184c-1.408 1.376-2.848 2.656-4.288 3.936a32.001 32.001 0 0 1-41.728-4.8 7.071 7.071 0 0 1 1.44 0l8.576-5.536c2.784-1.824 5.536-3.744 8.352-5.728a.699.699 0 0 1 .736-.16s0 .416-.256.608c-3.84 3.2-7.68 5.984-11.808 8.768 3.744-1.888 7.264-3.712 10.944-5.984l1.344-.928a7.42 7.42 0 0 1 1.408-.768 146.04 146.04 0 0 0 13.216-9.024c3.648-2.912 6.752-5.536 10.112-8.672 3.36-3.136 5.632-5.376 8.352-7.936.32.64.64 1.344.896 2.016Z"></path> <foreignObject width="563" height="424" x="49" y="40"> <picture><source type="image/webp" srcset="/assets/images/better-for-everyone-GHcdyozgzN-1688.webp 1688w"><img alt="" loading="lazy" decoding="async" class="object-cover rounded-4xl size-full" src="/assets/images/better-for-everyone-GHcdyozgzN-1688.png" width="1688" height="1125"></picture> </foreignObject> <rect fill="url(#a)" rx="32"></rect> <path fill="#69B3E7" d="m575.301 413.431 41.452 71.177 35.948-47.732-77.4-23.445Z"></path> <path fill="#6BA7D1" d="M594.006 419.104c.215.347.409.707.58 1.078l-.322-1.014c.469.74.872 1.519 1.204 2.33a16.143 16.143 0 0 1 1.462 7.506c2.257 5.004 4.472 10.008 6.815 14.947a.732.732 0 0 1 0 .604s-.258 0-.387-.324c-1.87-3.451-3.612-7.031-5.332-10.633 1.118 3.149 2.279 6.298 3.569 9.447l.559 1.208c.173.394.324.797.452 1.208 1.677 4.011 3.246 7.851 5.224 11.819a374.371 374.371 0 0 0 5.01 9.706c2.472 4.616 4.751 8.8 6.772 13.524l-.688.927c-5.074-9.706-10.212-19.174-14.555-29.765l-1.118-3.343a.534.534 0 0 1-.516-.108 103.6 103.6 0 0 1 1.462 3.883 96.163 96.163 0 0 1 5.052 10.784c.989 2.653 1.677 5.133 2.43 7.657 1.44 2.976 2.924 5.996 4.3 8.951a.472.472 0 0 1 0 .323s-.108 0-.194-.107c-1.204-1.963-2.365-4.034-3.504-6.126 0 .41-.151.712-.387.777-.237.064-.559-.108-.882-.432l.602 1.488c.06.16.06.336 0 .496l-1.268-2.156-1.742-4.314c-1.161-2.394-2.279-4.767-3.418-7.118a1.914 1.914 0 0 1-.258.949l.494 1.122a247.242 247.242 0 0 1 3.698 7.161l-1.763-3.042c-.301-.539-.559-1.1-.838-1.639l.344.798-31.562-54.245 18.705 5.673Z"></path> <path fill="#FFC107" d="M652.701 393.523a16.214 16.214 0 0 1 .696 9.341 16.171 16.171 0 0 1-4.589 8.158 16.066 16.066 0 0 1-17.6 3.117 16.121 16.121 0 0 1-7.095-6.089 16.2 16.2 0 0 1 .345-17.926 16.104 16.104 0 0 1 7.323-5.81 16.046 16.046 0 0 1 12.37.239 16.11 16.11 0 0 1 5.168 3.628 16.167 16.167 0 0 1 3.382 5.342Z"></path> <path fill="#E8AA0F" d="M632.49 400.468v.151c2.43 1.23 4.902 2.373 7.418 3.451h.172a.157.157 0 0 0-.043-.086.145.145 0 0 0-.086-.043c-2.516-1.1-4.988-2.157-7.396-3.451.021-.065-.065-.043-.065-.022Z"></path> <path fill="#E8AA0F" d="M622.17 395.098a70.32 70.32 0 0 0 13.653 8.972l2.15 1.014a.414.414 0 0 0 0 .388c-.774-.345-1.57-.711-2.387-1.035a56.906 56.906 0 0 0-6.299-3.818c-1.57-.754-3.053-1.315-4.558-1.941a36.732 36.732 0 0 1-2.795-2.157c0 .195 0 .367-.108.54l1.075.906a.593.593 0 0 0-.58.258.73.73 0 0 0 .107.712l-.731-.453c.011.144.011.288 0 .432 1.075.668 2.15 1.294 3.247 1.941 1.096.647 2.752 1.833 4.171 2.696a1.157 1.157 0 0 0-.667.215l-.666-.388c-2-1.466-4.042-2.89-6.085-4.313v.151c1.527 1.1 3.075 2.156 4.58 3.3l-4.73-2.761v1.294l.43.302.344.259.301.302-1.054-.583c0 .496.151.971.237 1.445a85.267 85.267 0 0 0 4.128 2.74c.86.927 1.72 1.833 2.623 2.76l-.43-.215a37.79 37.79 0 0 1-6.149-4.53c.046.127.082.256.107.388l1.204.993c1.226.97 2.408 1.876 3.526 2.804a43.927 43.927 0 0 1-4.493-3.106c0 .237.129.453.236.69.108.237.108.237.151.367 1.204.905 2.472 1.79 3.719 2.674a.269.269 0 0 0 0 .216c.164.336.448.598.796.733l.322.108c1.204.518 2.387 1.057 3.591 1.553.222.214.467.402.731.561.881.711 1.784 1.423 2.73 2.156a.239.239 0 0 0-.193.108c0 .151.129.389.408.518l.409.216-1.247-.496h-.172l-1.333-.691a64.033 64.033 0 0 1-9.224-6.341 15.426 15.426 0 0 0 1.634 2.524 22.793 22.793 0 0 0 2.537 2.415l2.344 1.769a16.076 16.076 0 0 0 11.271 1.605 16.115 16.115 0 0 0 9.519-6.264 3.88 3.88 0 0 0-.731 0l-4.579-2.329a133.076 133.076 0 0 1-4.472-2.459h-.387c-.065 0 0 .194.15.302 2.15 1.402 4.171 2.61 6.45 3.796-1.956-.755-3.827-1.488-5.783-2.437l-.71-.41a4.672 4.672 0 0 0-.752-.324 70.389 70.389 0 0 1-7.117-3.817c-1.978-1.273-3.569-2.437-5.504-3.839l-4.515-3.602c-.167.386-.31.782-.43 1.186Z"></path> <path fill="#0067B9" d="m617.74 37.73 31.534-22.605 6.985 27.75-38.519-5.145Z"></path> <path fill="#245D8A" d="M627.051 38.975c.148-.113.304-.218.46-.353l-.326.368h.044c.34-.224.662-.475.963-.75a7.652 7.652 0 0 0 2.052-2.955c1.911-1.718 3.83-3.45 5.785-5.123.096-.082.163-.195.141-.247-.022-.053-.126 0-.23.06-1.481 1.125-2.896 2.332-4.326 3.547a144.11 144.11 0 0 1 3.326-3.382l.467-.405c.152-.136.296-.28.43-.435 1.481-1.403 2.888-2.753 4.511-4.088a183.366 183.366 0 0 1 4.014-3.21c1.941-1.5 3.704-2.865 5.504-4.5l-.141-.54c-4.037 3.18-8.074 6.263-11.985 9.983l-1.237 1.192a.116.116 0 0 0 0-.052.242.242 0 0 0-.237-.045c.459-.45.911-.923 1.363-1.395A42.653 42.653 0 0 0 641.844 23c.933-.953 1.704-1.89 2.496-2.835l3.6-3a.179.179 0 0 0 .089-.12c0-.038-.044 0-.096 0-.904.615-1.8 1.275-2.696 1.957.074-.18.074-.337 0-.412-.075-.075-.267-.068-.475 0l.549-.525a.367.367 0 0 0 .118-.203l-.963.698-1.555 1.5-2.852 2.415a.758.758 0 0 0 .052-.465l.429-.383c1-.75 1.993-1.567 2.963-2.377l-1.318.975-.697.525.304-.278L617.74 37.73l9.311 1.245Z"></path> <path fill="#69B3E7" d="M625.422 23.24a7.595 7.595 0 0 0 .098 4.354 7.497 7.497 0 0 0 2.471 3.565 7.333 7.333 0 0 0 8.209.626 7.463 7.463 0 0 0 2.97-3.15 7.591 7.591 0 0 0 .741-4.29 7.549 7.549 0 0 0-1.739-3.983 7.396 7.396 0 0 0-3.631-2.334 7.327 7.327 0 0 0-5.625.695 7.489 7.489 0 0 0-3.494 4.517Z"></path> <path fill="#59A3D1" d="M634.963 25.498s0 .052-.045.075a57.924 57.924 0 0 1-3.23 1.927h-.081c-.015 0 0-.052.052-.075a65.367 65.367 0 0 0 3.229-1.935c.03-.007.067-.007.075.008Z"></path> <path fill="#6BA7D1" d="M639.43 22.483a32.833 32.833 0 0 1-5.83 4.784l-.896.563a.189.189 0 0 1 0 .18c.341-.203.681-.405 1.037-.593a25.252 25.252 0 0 1 2.704-2.055c.681-.427 1.34-.75 2-1.11.407-.352.785-.75 1.177-1.095l.067.24-.437.473a.273.273 0 0 1 .274.09.33.33 0 0 1 0 .33l.319-.24v.195c-.452.352-.919.705-1.393 1.043a50.34 50.34 0 0 1-1.77 1.447.52.52 0 0 1 .311.06l.289-.21c.844-.75 1.711-1.5 2.57-2.25a.236.236 0 0 1 0 .075c-.652.578-1.304 1.148-1.948 1.732l1.97-1.5v.6c-.066.046-.126.105-.192.158l-.141.135-.119.157.452-.314c0 .224-.015.45-.044.674-.578.503-1.163.99-1.763 1.456-.348.465-.696.93-1.067 1.387l.185-.113a16.58 16.58 0 0 0 2.6-2.377v.18c-.17.18-.326.352-.503.525-.511.503-1.015.968-1.482 1.455a23.791 23.791 0 0 0 1.911-1.643c0 .105-.044.218-.074.323a1.625 1.625 0 0 1-.059.18c-.504.48-1.045.945-1.57 1.41a.229.229 0 0 1 0 .098.69.69 0 0 1-.334.375l-.133.067c-.526.293-1.052.6-1.578.878-.089.112-.194.21-.311.292-.37.375-.741.75-1.148 1.095a.088.088 0 0 1 .089.045c.037.068-.037.18-.163.255l-.178.12.556-.285h.074a9.15 9.15 0 0 0 .57-.383 28.632 28.632 0 0 0 3.933-3.36 7.27 7.27 0 0 1-.629 1.253c-.308.43-.647.837-1.015 1.215-.326.323-.659.622-.993.922a7.335 7.335 0 0 1-5.044 1.277 7.377 7.377 0 0 1-4.63-2.394c.111-.011.223-.011.334 0l2-1.305a70.368 70.368 0 0 0 1.933-1.343.162.162 0 0 1 .17 0s0 .098-.059.143a33.165 33.165 0 0 1-2.733 2.055c.866-.442 1.681-.87 2.533-1.402l.311-.218c.102-.072.211-.132.326-.18a33.821 33.821 0 0 0 3.059-2.115 38.352 38.352 0 0 0 2.341-2.033c.778-.735 1.304-1.267 1.933-1.867a2.7 2.7 0 0 1 .208.443Z"></path> </svg>  </div> <div class="mx-auto space-y-fx-8 text-center"> <p class="font-bold text-1 trim w-full">Featured in:</p> <div class="flex gap-x-fx-8 gap-y-fx-8 items-baseline justify-center le-[36rem]:flex-col le-[36rem]:items-center"> <img alt="The Verge" loading="lazy" decoding="async" src="/assets/images/the-verge-J9YTfs-0rZ-93.svg" width="93" height="21"> <img alt="Engaget" loading="lazy" decoding="async" src="/assets/images/engadget-FM9_Iwu5XZ-87.svg" width="87" height="19"> <img alt="Forbes" loading="lazy" decoding="async" src="/assets/images/forbes-lGa2NRUZ46-73.svg" width="73" height="19"> <img alt="TechCrunch" loading="lazy" decoding="async" src="/assets/images/techcrunch-F3rhUuUNdZ-35.svg" width="35" height="17"> <img alt="Gizmodo" loading="lazy" decoding="async" src="/assets/images/gizmodo-EbP_wzvATv-102.svg" width="102" height="15"> </div> </div> </section> <section class="bg-dark-gradient grid-wrapper pb-9xl section-card space-y-xl"> <header class="text-center text-white"> <div class="flex gap-x-m items-center justify-center">   <svg xmlns="http://www.w3.org/2000/svg" class="size-icon stroke-none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="app-mail-title-51bea0" role="graphics-symbol"> <title id="app-mail-title-51bea0">mail app</title> <use class="i-app-mail" href="#i-app-mail"></use> </svg>    <svg xmlns="http://www.w3.org/2000/svg" class="size-icon stroke-none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="app-calendar-title-ece89c" role="graphics-symbol"> <title id="app-calendar-title-ece89c">calendar app</title> <use class="i-app-calendar" href="#i-app-calendar"></use> </svg>    <svg xmlns="http://www.w3.org/2000/svg" class="size-icon stroke-none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="app-contacts-title-4ba25b" role="graphics-symbol"> <title id="app-contacts-title-4ba25b">contacts app</title> <use class="i-app-contacts" href="#i-app-contacts"></use> </svg>  </div> <h2 class="font-serif mt-m text-8 trim">Take control of your inbox</h2> <p class="mt-l text-2 trim">Easily migrate your mail, calendars, and contacts.</p> </header> <div class="mx-auto w-max"> <a href="https://app.fastmail.com/signup/"> <p class="active:bg-button-cta-bg-active bg-button-cta-bg focus-visible:outline focus-visible:outline-2 focus-visible:outline-button-cta-outline font-bold hover:bg-button-cta-bg-hover inline-block px-2xl py-s rounded-lg text-0 text-white trim"> Try free for 30 days </p> </a> </div> </section> </main>  <footer class="[--link-color:--brand-color-deepblue-5] [--link-hover:--brand-color-deepblue-5] bg-footer-bg text-fg-footer"> <div class="[background-image:--footer-sep-gradient] h-[4px] w-full"></div> <nav aria-labelledby="footer-navigation" class="flex flex-col gap-y-fx-14 py-fx-14 wrapper"> <h2 id="footer-navigation" class="sr-only">Footer navigation</h2> <div class="flex flex-wrap gap-y-fx-10"> <div class="basis-2/6 flex-grow min-w-[min(18rem,100%)] space-y-fx-4"> <div class="-mt-fx-2">  <svg xmlns="http://www.w3.org/2000/svg" class="size-[40px]" aria-hidden="true"> <use class="i-fm-icon-logo" href="#i-fm-icon-logo"></use> </svg>  </div> <p class="font-semibold text-fx-lg trim">Email and calendar made better</p> </div> <div class="basis-4/6 flex flex-grow flex-wrap gap-fx-9"> <div class="basis-[11.25rem] flex-1 space-y-fx-4 text-fx-base"> <h3 class="font-semibold text-fx-lg trim">Product</h3> <ul> <li> <a href="/features/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Product tour</p> </a> </li> <li> <a href="/business/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">For business</p> </a> </li> <li> <a href="/pricing/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Pricing</p> </a> </li> <li> <a href="/features/security/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Security</p> </a> </li> <li> <a href="/features/privacy/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Privacy</p> </a> </li> </ul> </div> <div class="basis-[11.25rem] flex-1 space-y-fx-4 text-fx-base"> <h3 class="font-semibold text-fx-lg trim">How to</h3> <ul> <li> <a href="/how-to/move-from-gmail/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Move from Gmail</p> </a> </li> <li> <a href="/how-to/move-from-outlook/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Move from Outlook</p> </a> </li> <li> <a href="/how-to/move-from-yahoo/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Move from Yahoo</p> </a> </li> <li> <a href="/how-to/move-from-proton/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Move from Proton</p> </a> </li> <li> <a href="/how-to/move-from-hey/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Move from HEY</p> </a> </li> <li> <a href="/how-to/email-for-your-domain/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Get email for your domain</p> </a> </li> <li> <a href="/how-to/stop-spam/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Stop spam</p> </a> </li> <li> <a href="/how-to/inbox-zero/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Achieve inbox zero</p> </a> </li> </ul> </div> <div class="basis-[11.25rem] flex-1 space-y-fx-4 text-fx-base"> <h3 class="font-semibold text-fx-lg trim">Support &amp; Resources</h3> <ul> <li> <a href="/blog/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Blog</p> </a> </li> <li> <a href="/digitalcitizen/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Podcast</p> </a> </li> <li> <a href="https://fastmail.help/hc/en-us/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Help center</p> </a> </li> <li> <a href="https://support.fastmail.com/support/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Contact us</p> </a> </li> <li> <a href="/dev/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">API Documentation</p> </a> </li> <li> <a href="/bug-bounty/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Report a security issue</p> </a> </li> </ul> </div> <div class="basis-[11.25rem] flex-1 space-y-fx-4 text-fx-base"> <h3 class="font-semibold text-fx-lg trim">Company</h3> <ul> <li> <a href="/company/about/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">About us</p> </a> </li> <li> <a href="/company/values/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Our values</p> </a> </li> <li> <a href="https://apply.workable.com/fastmail-1/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Careers</p> </a> </li> <li> <a href="/company/open-source/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Open source and standards</p> </a> </li> <li> <a href="/company/partners/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Partner with us</p> </a> </li> <li> <a href="/policies/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Policies</p> </a> </li> <li> <a href="/media-kit/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Media kit</p> </a> </li> </ul> </div> </div> </div> <div class="border-footer-border border-t flex gap-fx-8 items-center justify-center le-[66rem]:flex-col pt-fx-8 text-fx-base"> <ul class="flex flex-grow flex-wrap gap-fx-4 le-[66rem]:justify-center"> <li>© 2024 Fastmail Pty Ltd. All rights reserved.</li> <li> <a href="https://fastmailstatus.com/" class="link">System status</a> </li> <li> <a href="/policies/terms-of-service/" class="link">Terms of service</a> </li> <li> <a href="/policies/privacy/" class="link">Privacy policy</a> </li> </ul> <div class="flex flex-wrap gap-fx-8 items-center justify-center"> <ul class="flex flex-grow flex-wrap gap-fx-6 items-center le-[66rem]:justify-center"> <li> <a href="https://mastodon.social/@fastmail"><span class="sr-only">Mastodon</span>  <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" fill="none" aria-hidden="true"> <use class="i-mastodon" href="#i-mastodon"></use> </svg>  </a> </li> <li> <a href="https://twitter.com/Fastmail"><span class="sr-only">X</span>  <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" fill="none" aria-hidden="true"> <use class="i-x" href="#i-x"></use> </svg>  </a> </li> <li> <a href="https://www.linkedin.com/company/fastmail"><span class="sr-only">LinkedIn</span>  <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" fill="none" aria-hidden="true"> <use class="i-linkedin" href="#i-linkedin"></use> </svg>  </a> </li> <li> <a href="https://www.facebook.com/Fastmail/"><span class="sr-only">Facebook</span>  <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" fill="none" aria-hidden="true"> <use class="i-facebook" href="#i-facebook"></use> </svg>  </a> </li> </ul> <ul class="flex flex-grow flex-wrap gap-fx-8 items-center le-[66rem]:justify-center"> <li> <a href="https://play.google.com/store/apps/details?id=com.fastmail.app"> <img alt="Google Play" loading="lazy" decoding="async" src="/assets/images/play-store-xVSTSrGeMY-135.svg" width="135" height="40"> </a> </li> <li> <a href="https://apps.apple.com/us/app/fastmail-email-calendar/id931370077"> <img alt="App Store" loading="lazy" decoding="async" src="/assets/images/app-store-E13IYxQxPU-120.svg" width="120" height="40"> </a> </li> </ul> </div> </div> </nav> </footer>  </div> <svg id="icon-sprite-sheet" class="sr-only"> <defs> <g id="i-app-mail"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path class="appicon-secondary" d="M12 13.18L2 6.37V20z"></path><path class="appicon-primary" d="M2 20h19.3a.71.71 0 0 0 .7-.72V6.37z"></path> </svg> </g> <g id="i-app-contacts"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <circle cx="16" cy="7.5" r="3.5" class="appicon-secondary"></circle><path class="appicon-secondary" d="M22 18.28A6.15 6.15 0 0 0 16 12a6.15 6.15 0 0 0-6 6.28V20h12z"></path><circle cx="8" cy="7.5" r="3.5" class="appicon-primary"></circle><path class="appicon-primary" d="M14 18.28A6.15 6.15 0 0 0 8 12a6.15 6.15 0 0 0-6 6.28V20h12z"></path> </svg> </g> <g id="i-app-calendar"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path class="appicon-primary" d="M2 8h20v11.11a.89.89 0 0 1-.89.89H2.89a.89.89 0 0 1-.89-.89V8z"></path><path class="appicon-secondary" d="M2.82 6h18.36a.82.82 0 0 1 .82.82V8H2V6.82A.82.82 0 0 1 2.82 6zM6 4a1 1 0 0 1 1 1v1H5V5a1 1 0 0 1 1-1zM18 4a1 1 0 0 1 1 1v1h-2V5a1 1 0 0 1 1-1z"></path> </svg> </g> <g id="i-star"> <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M10.3418 13.5666C10.1502 13.4333 9.84183 13.4333 9.6585 13.5666L6.1335 15.9749C5.94183 16.0999 5.84183 16.0333 5.90017 15.8083L6.96683 12.0499C7.0335 11.8333 6.95017 11.5166 6.79183 11.3499L4.05017 8.56661C3.89183 8.39994 3.94183 8.24994 4.17517 8.23327L7.80017 7.89161C8.02517 7.86661 8.29183 7.68327 8.3835 7.47494L9.84183 4.11661C9.9335 3.90827 10.0835 3.90827 10.1752 4.11661L11.6335 7.47494C11.7252 7.68327 11.9835 7.87494 12.2168 7.89161L15.8418 8.23327C16.0668 8.25827 16.1252 8.40827 15.9668 8.56661L13.2252 11.3499C13.0668 11.5166 12.9835 11.8249 13.0502 12.0499L14.1168 15.8083C14.1752 16.0249 14.0752 16.0999 13.8835 15.9749L10.3585 13.5666H10.3418Z"></path> </svg> </g> <g id="i-arrow-right"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M4.75 11.75H19.25"></path> <path d="M14.4199 6.91992L19.2499 11.7499L14.4199 16.5799"></path> </svg> </g> <g id="i-chevron"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <polyline points="17.75 9.13 12 14.88 6.25 9.13"></polyline> </svg> </g> <g id="i-external-link"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M16.83 12.81V17.64C16.83 18.067 16.6604 18.4765 16.3584 18.7784C16.0565 19.0804 15.647 19.25 15.22 19.25H6.36C5.933 19.25 5.52349 19.0804 5.22156 18.7784C4.91962 18.4765 4.75 18.067 4.75 17.64V8.77998C4.75 8.35298 4.91962 7.94347 5.22156 7.64154C5.52349 7.33961 5.933 7.16998 6.36 7.16998H11.19"></path> <path d="M14.42 4.75H19.25V9.58"></path> <path d="M10.39 13.61L19.25 4.75"></path> </svg> </g> <g id="i-fm-icon-logo"> <svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"> <path d="M19.9998 19.9995L11.6665 14.2695V25.7279L16.8748 24.1645L19.9998 19.9995Z" fill="#FFC107"></path> <path d="M11.6665 25.7298H27.2915C27.8665 25.7298 28.3332 25.2632 28.3332 24.6882V14.2715L11.6665 25.7298Z" fill="#F4F5F7"></path> <path d="M32.8707 11.151C34.6034 13.6674 35.6234 16.7129 35.6234 20.0001C35.6234 28.6292 28.6271 35.6256 19.998 35.6256C14.6562 35.6256 9.94344 32.9401 7.12707 28.8492L4.37435 28.7492L3.52344 31.3274C7.13071 36.5638 13.1616 40.0001 19.9998 40.0001C31.0453 40.0001 39.9998 31.0456 39.9998 20.0001C39.9998 15.7929 38.6943 11.8947 36.4762 8.67285L33.7507 8.74921L32.8707 11.151Z" fill="#69B3E7"></path> <path d="M4.37455 20C4.37455 11.3709 11.3709 4.37455 20 4.37455C25.3418 4.37455 30.0545 7.06 32.8709 11.1509L36.4745 8.67273C32.8691 3.43636 26.8382 0 20 0C8.95455 0 0 8.95455 0 20C0 24.2073 1.30545 28.1055 3.52364 31.3273L7.12727 28.8491C5.39455 26.3327 4.37455 23.2873 4.37455 20Z" fill="#0067B9"></path> </svg> </g> <g id="i-mastodon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"> <mask id="mask0_714_15451" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"> <path d="M20 0H0V20H20V0Z" fill="white"></path> </mask> <g mask="url(#mask0_714_15451)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.625 12C19.375 13.375 17 15 14.25 15.25C12.875 15.375 11.5 15.5 10 15.5C7.625 15.375 5.75 15 5.75 15V15.625C6 17.875 8.125 18 10 18C12 18.125 13.75 17.5 13.75 17.5L13.875 19.125C13.875 19.125 12.5 19.75 10.125 19.875C8.75 20 7.125 19.875 5.125 19.375C0.875 18.375 0.125 14.25 0 10V6.5C0 2.125 3 0.875 3 0.875C4.625 0.25 7.25 0 10 0C12.75 0 15.375 0.25 16.875 1C16.875 1 19.875 2.25 19.875 6.625C20 6.625 20 9.75 19.625 12ZM16.375 6.875V12.125H14.125V7C14.125 5.875 13.625 5.375 12.625 5.375C11.5 5.375 11 6 11 7.25V10H8.875V7.375C8.875 6.125 8.375 5.5 7.25 5.5C6.25 5.375 5.875 6 5.875 7V12.125H3.625V6.875C3.625 5.75 3.875 5 4.5 4.375C5.125 3.75 5.875 3.375 6.875 3.375C8 3.375 8.875 3.75 9.5 4.625L10 5.5L10.5 4.625C11.125 3.75 11.875 3.375 13.125 3.375C14.125 3.375 14.875 3.75 15.5 4.375C16.125 5 16.375 5.875 16.375 6.875Z" fill="#999EA3"></path> </g> </svg> </g> <g id="i-x"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M13.676 10.622L20.233 3H18.679L12.986 9.618L8.43897 3H3.19397L10.07 13.007L3.19397 21H4.74797L10.76 14.011L15.562 21H20.807L13.676 10.622ZM11.548 13.096L10.851 12.099L5.30797 4.17H7.69497L12.169 10.569L12.866 11.566L18.681 19.884H16.294L11.548 13.096Z" fill="#999EA3"></path> </svg> </g> <g id="i-linkedin"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.551 2H3.508C2.693 2 2 2.645 2 3.439V20.56C2 21.355 2.454 22 3.27 22H20.314C21.13 22 22.001 21.355 22.001 20.56V3.439C22.001 2.645 21.368 2 20.551 2ZM9.619 9.619H12.311V10.991H12.341C12.751 10.251 13.964 9.5 15.463 9.5C18.34 9.5 19.143 11.028 19.143 13.857V19.143H16.286V14.378C16.286 13.111 15.78 12 14.597 12C13.161 12 12.476 12.972 12.476 14.569V19.143H9.619V9.619ZM4.857 19.143H7.714V9.619H4.857V19.143ZM8.071 6.286C8.071 7.273 7.272 8.072 6.285 8.072C5.298 8.072 4.499 7.273 4.499 6.286C4.499 5.299 5.298 4.5 6.285 4.5C7.272 4.5 8.071 5.299 8.071 6.286Z" fill="#999EA3"></path> </svg> </g> <g id="i-facebook"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"> <path d="M20 10C20 4.477 15.523 0 10 0C4.477 0 0 4.477 0 10C0 14.69 3.229 18.625 7.584 19.706V13.056H5.522V10H7.584V8.683C7.584 5.279 9.124 3.702 12.466 3.702C13.1 3.702 14.193 3.826 14.64 3.95V6.72C14.404 6.695 13.994 6.683 13.485 6.683C11.845 6.683 11.212 7.304 11.212 8.919V10H14.478L13.917 13.056H11.212V19.927C16.163 19.329 20 15.113 20 10Z" fill="#999EA3"></path> </svg> </g> </defs> </svg> </body></html>