CINXE.COM

<!doctype html><html lang="en" class="no-script"><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><title>Pricing | Fastmail</title><meta property="og:title" content="Pricing"><meta name="twitter:title" content="Pricing"><link rel="canonical" href="https://www.fastmail.com/pricing/"><meta property="og:url" content="https://www.fastmail.com/pricing/"><meta property="og:site_name" content="Fastmail"><meta name="twitter:site" content="@Fastmail"><meta name="twitter:creator" content="@Fastmail"><meta property="og:image" content="https://www.fastmail.com/assets/images/opengraph/Fastmail-OG.png"><meta name="twitter:image" content="https://www.fastmail.com/assets/images/opengraph/Fastmail-OG.png"><meta property="og:image:type" content="png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta name="twitter:card" content="summary_large_image"><meta name="description" content="Compare the features and prices of Fastmail’s plans. Stop paying for your email with your privacy and get custom domains, masked email, and more with no ads or tracking."><meta property="og:description" content="Compare the features and prices of Fastmail’s plans. Stop paying for your email with your privacy and get custom domains, masked email, and more with no ads or tracking."><meta name="twitter:description" content="Compare the features and prices of Fastmail’s plans. Stop paying for your email with your privacy and get custom domains, masked email, and more with no ads or tracking."><meta property="og:type" content="website"><meta property="eleventy:path" content="./source/pages/pricing.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><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="/assets/css/main-a7851194.css"><link rel="stylesheet" href="/assets/css/i5VS_AYOe-.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-5cdf60a8.js"></script><script type="module" src="/assets/js/main-5d19a6d9.js"></script><script type="module" src="/assets/js/AJsnUhNdZ7.js"></script></head><body class="font-sans text-fg">  <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"> <li class="bg-white left-0 lg:hidden sticky top-0 w-full z-10"></li> <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 & 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> </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-59f069" role="graphics-symbol"> <title id="external-link-title-59f069">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-d36cd6" role="graphics-symbol"> <title id="external-link-title-d36cd6">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-mellow-yellow flex flex-col gap-5xl grid-wrapper hero-mellow-yellow items-center overflow-clip pb-8xl pt-[calc(var(--fluid-space-xl-7xl)+var(--header-height))] relative"> <h1 class="font-serif text-9 trim">Pricing</h1> <div class="space-y-s"> <p class="font-semibold text-center text-min-1 trim">All plans include</p> <div class="flex flex-wrap gap-x-l gap-y-s items-center justify-center lt-[27.25rem]:w-min px-s py-3xs w-fit"> <div class="basis-0 flex flex-shrink gap-l items-center justify-center"> <figure class="flex flex-col gap-y-xs items-center min-w-[4.5rem]"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon-lg stroke-none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-app-mail" href="#i-app-mail"></use> </svg> <figcaption class="text-0 text-fg-subtle trim">Email</figcaption> </figure> <figure class="flex flex-col gap-y-xs items-center min-w-[4.5rem]"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon-lg stroke-none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-app-calendar" href="#i-app-calendar"></use> </svg> <figcaption class="text-0 text-fg-subtle trim">Calendar</figcaption> </figure> </div> <div class="basis-0 flex flex-shrink gap-l items-center justify-center"> <figure class="flex flex-col gap-y-xs items-center min-w-[4.5rem]"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon-lg stroke-none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-app-contacts" href="#i-app-contacts"></use> </svg> <figcaption class="text-0 text-fg-subtle trim">Contacts</figcaption> </figure> <figure class="flex flex-col gap-y-xs items-center min-w-[4.5rem]"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon-lg stroke-none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-app-files" href="#i-app-files"></use> </svg> <figcaption class="text-0 text-fg-subtle trim">Files</figcaption> </figure> </div> </div> </div> </section> <div class="-mt-[calc(var(--fluid-space-4xl)-6px)] peer"> <div class="[--wrapper-width:40rem] group lg:[--wrapper-width:70rem] peer wrapper"> <div class="flex flex-col gap-y-5xl items-center peer"> <fieldset data-container="plan-type" class="after:-bottom-0 after:absolute after:border-b after:border-deepblue-10 after:w-full flex gap-x-m items-center justify-center peer/plan-type relative"> <div class="flex flex-1 group"> <input id="plan-type-personal" tabindex="-1" name="plan-type" type="radio" value="personal" class="hidden-input peer" checked> <label for="plan-type-personal" class="after:absolute after:bottom-px after:h-[2px] after:left-0 after:right-0 cursor-pointer flex-grow peer-checked:after:bg-blue-100 peer-checked:font-semibold peer-checked:text-accent peer-hover:after:bg-grey-80 px-2xs py-m relative text-fg-subtle"> <p class="text-0 trim whitespace-nowrap"> Individual & Family </p> </label> </div> <div class="flex flex-1 group"> <input id="plan-type-business" tabindex="-1" name="plan-type" type="radio" value="business" class="hidden-input peer"> <label for="plan-type-business" class="after:absolute after:bottom-px after:h-[2px] after:left-0 after:right-0 cursor-pointer flex-grow peer-checked:after:bg-blue-100 peer-checked:font-semibold peer-checked:text-accent peer-hover:after:bg-grey-80 px-2xs py-m relative text-fg-subtle"> <p class="text-0 trim whitespace-nowrap"> Business </p> </label> </div> </fieldset> <p data-tagline-for="personal" class="max-w-prose mx-auto plan-type-personal text-0 text-center text-pretty trim"> Every plan includes expert support from real people, access to all Fastmail apps, premium mail features like Scheduled Send, and integrations with 1Password, Dropbox, and more. </p> <p data-tagline-for="business" class="max-w-prose mx-auto plan-type-business text-0 text-center text-pretty trim"> Custom email addresses like you@yourbusiness.com. Powerful admin controls for the security and management of your company. Mix and match plans and save money. </p> <div class="[--switch-at:48rem] gap-x-5xl gap-y-2xl items-center justify-between switcher w-full"> <fieldset data-container="select-currency" class="flex gap-x-xs max-w-max mx-auto"> <select data-country="US" name="select-currency" class="border-grey-30 cursor-pointer hover:border-grey-60 max-w-max px-2xs py-3xs rounded-md text-0"> <option value="AX"> Aland Islands </option> <option value="AL"> Albania </option> <option value="DZ"> Algeria </option> <option value="AS"> American Samoa </option> <option value="AD"> Andorra </option> <option value="AO"> Angola </option> <option value="AI"> Anguilla </option> <option value="AG"> Antigua and Barbuda </option> <option value="AR"> Argentina </option> <option value="AM"> Armenia </option> <option value="AW"> Aruba </option> <option value="AU"> Australia </option> <option value="AT"> Austria </option> <option value="AZ"> Azerbaijan </option> <option value="BS"> Bahamas </option> <option value="BH"> Bahrain </option> <option value="BD"> Bangladesh </option> <option value="BB"> Barbados </option> <option value="BE"> Belgium </option> <option value="BZ"> Belize </option> <option value="BJ"> Benin </option> <option value="BM"> Bermuda </option> <option value="BT"> Bhutan </option> <option value="BO"> Bolivia </option> <option value="BQ"> Bonaire, Sint Eustatius and Saba </option> <option value="BA"> Bosnia and Herzegovina </option> <option value="BW"> Botswana </option> <option value="BV"> Bouvet Island </option> <option value="BR"> Brazil </option> <option value="IO"> Brit. Indian Ocean </option> <option value="VG"> British Virgin Islands </option> <option value="BN"> Brunei </option> <option value="BG"> Bulgaria </option> <option value="BF"> Burkina Faso </option> <option value="BI"> Burundi </option> <option value="KH"> Cambodia </option> <option value="CM"> Cameroon </option> <option value="CA"> Canada </option> <option value="CV"> Cape Verde </option> <option value="KY"> Cayman Islands </option> <option value="TD"> Chad </option> <option value="CL"> Chile </option> <option value="CN"> China </option> <option value="CX"> Christmas Island </option> <option value="CC"> Cocos Islands </option> <option value="CO"> Colombia </option> <option value="KM"> Comoros </option> <option value="CK"> Cook Islands </option> <option value="CR"> Costa Rica </option> <option value="CI"> Cote D’Ivoire </option> <option value="HR"> Croatia </option> <option value="CW"> Curaçao </option> <option value="CY"> Cyprus </option> <option value="CZ"> Czech Republic </option> <option value="DK"> Denmark </option> <option value="DJ"> Djibouti </option> <option value="DM"> Dominica </option> <option value="DO"> Dominican Republic </option> <option value="EC"> Ecuador </option> <option value="EG"> Egypt </option> <option value="SV"> El Salvador </option> <option value="GQ"> Equatorial Guinea </option> <option value="ER"> Eritrea </option> <option value="EE"> Estonia </option> <option value="ET"> Ethiopia </option> <option value="FK"> Falkland Islands </option> <option value="FO"> Faroe Islands </option> <option value="FJ"> Fiji </option> <option value="FI"> Finland </option> <option value="FR"> France </option> <option value="GF"> French Guiana </option> <option value="PF"> French Polynesia </option> <option value="TF"> French Southern Terr. </option> <option value="GA"> Gabon </option> <option value="GM"> Gambia </option> <option value="GE"> Georgia </option> <option value="DE"> Germany </option> <option value="GH"> Ghana </option> <option value="GI"> Gibraltar </option> <option value="GR"> Greece </option> <option value="GL"> Greenland </option> <option value="GD"> Grenada </option> <option value="GP"> Guadeloupe </option> <option value="GU"> Guam </option> <option value="GT"> Guatemala </option> <option value="GG"> Guernsey </option> <option value="GN"> Guinea </option> <option value="GW"> Guinea-Bissau </option> <option value="GY"> Guyana </option> <option value="HM"> Heard/ Mcdonald Islands </option> <option value="VA"> Holy See/ Vatican City </option> <option value="HN"> Honduras </option> <option value="HK"> Hong Kong </option> <option value="HU"> Hungary </option> <option value="IS"> Iceland </option> <option value="IN"> India </option> <option value="ID"> Indonesia </option> <option value="IQ"> Iraq </option> <option value="IE"> Ireland </option> <option value="IM"> Isle of Man </option> <option value="IL"> Israel </option> <option value="IT"> Italy </option> <option value="JM"> Jamaica </option> <option value="JP"> Japan </option> <option value="JE"> Jersey </option> <option value="JO"> Jordan </option> <option value="KZ"> Kazakhstan </option> <option value="KE"> Kenya </option> <option value="KI"> Kiribati </option> <option value="XK"> Kosovo </option> <option value="KW"> Kuwait </option> <option value="KG"> Kyrgyzstan </option> <option value="LA"> Lao People’s DR </option> <option value="LV"> Latvia </option> <option value="LB"> Lebanon </option> <option value="LS"> Lesotho </option> <option value="LR"> Liberia </option> <option value="LI"> Liechtenstein </option> <option value="LT"> Lithuania </option> <option value="LU"> Luxembourg </option> <option value="MO"> Macao </option> <option value="MK"> Macedonia </option> <option value="MG"> Madagascar </option> <option value="MW"> Malawi </option> <option value="MY"> Malaysia </option> <option value="MV"> Maldives </option> <option value="MT"> Malta </option> <option value="MH"> Marshall Islands </option> <option value="MQ"> Martinique </option> <option value="MR"> Mauritania </option> <option value="MU"> Mauritius </option> <option value="YT"> Mayotte </option> <option value="MX"> Mexico </option> <option value="FM"> Micronesia </option> <option value="MD"> Moldova </option> <option value="MC"> Monaco </option> <option value="MN"> Mongolia </option> <option value="ME"> Montenegro </option> <option value="MS"> Montserrat </option> <option value="MA"> Morocco </option> <option value="MZ"> Mozambique </option> <option value="NA"> Namibia </option> <option value="NR"> Nauru </option> <option value="NP"> Nepal </option> <option value="NL"> Netherlands </option> <option value="AN"> Netherlands Antilles </option> <option value="NC"> New Caledonia </option> <option value="NZ"> New Zealand </option> <option value="NE"> Niger </option> <option value="NG"> Nigeria </option> <option value="NU"> Niue </option> <option value="NF"> Norfolk Island </option> <option value="MP"> Northern Mariana Islands </option> <option value="NO"> Norway </option> <option value="OM"> Oman </option> <option value="PK"> Pakistan </option> <option value="PW"> Palau </option> <option value="PS"> Palestinian Territory </option> <option value="PA"> Panama </option> <option value="PG"> Papua New Guinea </option> <option value="PY"> Paraguay </option> <option value="PE"> Peru </option> <option value="PH"> Philippines </option> <option value="PN"> Pitcairn </option> <option value="PL"> Poland </option> <option value="PT"> Portugal </option> <option value="PR"> Puerto Rico </option> <option value="QA"> Qatar </option> <option value="CG"> Republic of Congo </option> <option value="RS"> Republic of Serbia </option> <option value="RE"> Reunion </option> <option value="RO"> Romania </option> <option value="RW"> Rwanda </option> <option value="GS"> S. Georgia/ Sandwich Islands </option> <option value="SH"> Saint Helena </option> <option value="KN"> Saint Kitts and Nevis </option> <option value="LC"> Saint Lucia </option> <option value="MF"> Saint Martin </option> <option value="PM"> Saint Pierre and Miquelon </option> <option value="VC"> Saint Vincent/ Grenadines </option> <option value="WS"> Samoa </option> <option value="SM"> San Marino </option> <option value="ST"> Sao Tome and Principe </option> <option value="SA"> Saudi Arabia </option> <option value="SN"> Senegal </option> <option value="SC"> Seychelles </option> <option value="SL"> Sierra Leone </option> <option value="SG" selected=""> Singapore </option> <option value="SK"> Slovakia </option> <option value="SI"> Slovenia </option> <option value="SB"> Solomon Islands </option> <option value="ZA"> South Africa </option> <option value="KR"> South Korea </option> <option value="ES"> Spain </option> <option value="LK"> Sri Lanka </option> <option value="SR"> Suriname </option> <option value="SJ"> Svalbard and Jan Mayen </option> <option value="SZ"> Swaziland </option> <option value="SE"> Sweden </option> <option value="CH"> Switzerland </option> <option value="TW"> Taiwan </option> <option value="TJ"> Tajikistan </option> <option value="TZ"> Tanzania </option> <option value="TH"> Thailand </option> <option value="TL"> Timor-Leste </option> <option value="TG"> Togo </option> <option value="TK"> Tokelau </option> <option value="TO"> Tonga </option> <option value="TT"> Trinidad and Tobago </option> <option value="TN"> Tunisia </option> <option value="TR"> Turkey </option> <option value="TM"> Turkmenistan </option> <option value="TC"> Turks and Caicos Islands </option> <option value="TV"> Tuvalu </option> <option value="VI"> U.S. Virgin Islands </option> <option value="UG"> Uganda </option> <option value="UA"> Ukraine </option> <option value="AE"> United Arab Emirates </option> <option value="GB"> United Kingdom </option> <option value="US"> United States </option> <option value="UM"> United States (M.O.I.) </option> <option value="UY"> Uruguay </option> <option value="UZ"> Uzbekistan </option> <option value="VU"> Vanuatu </option> <option value="VN"> Vietnam </option> <option value="WF"> Wallis and Futuna </option> <option value="EH"> Western Sahara </option> <option value="ZM"> Zambia </option> </select> </fieldset> <div> <fieldset data-container="plan-length" class="bg-push-select-bg flex lt-[25.5rem]:rounded-2xl mx-auto rounded-full"> <div class="flex-1"> <input id="plan-length-1" tabindex="-1" name="plan-length" type="radio" value="1" class="hidden-input peer"> <label for="plan-length-1" data-plan-length="1" class="border border-transparent cursor-pointer duration-300 ease-out-expo flex flex-wrap gap-x-[0.5ch] gap-y-2xs ge-[27.5rem]:px-3xs hover:bg-push-select-bg-hover items-center justify-center lt-[25.5rem]:*:basis-full lt-[25.5rem]:rounded-2xl lt-[25.5rem]:text-min-1 peer-[:checked]:bg-push-select-bg-selected peer-[:checked]:border peer-[:checked]:border-push-select-border-selected peer-[:checked]:shadow peer-[:not(:checked)]:text-push-select-fg peer-checked:font-semibold px-3xs py-xs rounded-full text-center transition-colors whitespace-nowrap"> <p class="text-min-1 trim">1</p> <p class="text-min-1 trim">month</p> </label> </div> <div class="flex-1"> <input id="plan-length-12" tabindex="0" checked name="plan-length" type="radio" value="12" class="hidden-input peer"> <label for="plan-length-12" data-plan-length="12" class="border border-transparent cursor-pointer duration-300 ease-out-expo flex flex-wrap gap-x-[0.5ch] gap-y-2xs ge-[27.5rem]:px-3xs hover:bg-push-select-bg-hover items-center justify-center lt-[25.5rem]:*:basis-full lt-[25.5rem]:rounded-2xl lt-[25.5rem]:text-min-1 peer-[:checked]:bg-push-select-bg-selected peer-[:checked]:border peer-[:checked]:border-push-select-border-selected peer-[:checked]:shadow peer-[:not(:checked)]:text-push-select-fg peer-checked:font-semibold px-3xs py-xs rounded-full text-center transition-colors whitespace-nowrap"> <p class="text-min-1 trim">12</p> <p class="text-min-1 trim">months</p> </label> </div> <div class="flex-1"> <input id="plan-length-24" tabindex="-1" name="plan-length" type="radio" value="24" class="hidden-input peer"> <label for="plan-length-24" data-plan-length="24" class="border border-transparent cursor-pointer duration-300 ease-out-expo flex flex-wrap gap-x-[0.5ch] gap-y-2xs ge-[27.5rem]:px-3xs hover:bg-push-select-bg-hover items-center justify-center lt-[25.5rem]:*:basis-full lt-[25.5rem]:rounded-2xl lt-[25.5rem]:text-min-1 peer-[:checked]:bg-push-select-bg-selected peer-[:checked]:border peer-[:checked]:border-push-select-border-selected peer-[:checked]:shadow peer-[:not(:checked)]:text-push-select-fg peer-checked:font-semibold px-3xs py-xs rounded-full text-center transition-colors whitespace-nowrap"> <p class="text-min-1 trim">24</p> <p class="text-min-1 trim">months</p> </label> </div> <div class="flex-1"> <input id="plan-length-36" tabindex="-1" name="plan-length" type="radio" value="36" class="hidden-input peer"> <label for="plan-length-36" data-plan-length="36" class="border border-transparent cursor-pointer duration-300 ease-out-expo flex flex-wrap gap-x-[0.5ch] gap-y-2xs ge-[27.5rem]:px-3xs hover:bg-push-select-bg-hover items-center justify-center lt-[25.5rem]:*:basis-full lt-[25.5rem]:rounded-2xl lt-[25.5rem]:text-min-1 peer-[:checked]:bg-push-select-bg-selected peer-[:checked]:border peer-[:checked]:border-push-select-border-selected peer-[:checked]:shadow peer-[:not(:checked)]:text-push-select-fg peer-checked:font-semibold px-3xs py-xs rounded-full text-center transition-colors whitespace-nowrap"> <p class="text-min-1 trim">36</p> <p class="text-min-1 trim">months</p> </label> </div> </fieldset> </div> </div> </div> <div data-plan-type="personal" class="flex lg:shadow-2xl lt-[64rem]:flex-col lt-[64rem]:gap-y-xl mt-l peer-has-[[value=business]:checked]:hidden rounded-b-lg"> <div data-plan-id="individual" class="flex-1 lt-[64rem]:rounded-b-lg lt-[64rem]:shadow-2xl"> <div class="bg-[--plan-color] h-[12px] rounded-t-lg w-full"></div> <div class="px-xl py-3xl space-y-3xl"> <div class="space-y-xl"> <div class="flex items-center justify-between min-h-l"> <h2 class="font-bold text-5 trim">Individual</h2> <div class="flex gap-3xs items-center"> <p class="font-bold text-min-1 trim">1</p> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-user" href="#i-user"></use> </svg> </div> </div> <p class="text-0 trim">Premium email, contacts, and calendars, just for you.</p> </div> <div data-swap='individual-1' class='group-has-[[value="1"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$8.70 </p> <p class='text-0 trim'> per month </p> <p class='text-blue-100 text-0 trim'> Pay yearly and save S$17.40 </p> </div> <div data-swap='individual-12' class='group-has-[[value="12"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$7.25 </p> <p class='text-0 trim'> per month </p> <p class='text-grey-70 text-0 trim'> S$87 for 12 months </p> </div> <div data-swap='individual-24' class='group-has-[[value="24"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$6.89 </p> <p class='text-0 trim'> per month </p> <p class='text-grey-70 text-0 trim'> S$165.30 for 24 months </p> </div> <div data-swap='individual-36' class='group-has-[[value="36"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$6.77 </p> <p class='text-0 trim'> per month </p> <p class='text-grey-70 text-0 trim'> S$243.60 for 36 months </p> </div> <a href="https://app.fastmail.com/signup/" target="_blank" class="active:bg-button-cta-bg-active bg-button-cta-bg block group-has-[[value="36"]:checked]:block hover:bg-button-cta-bg-hover rounded-md"> <p class="flex font-bold gap-x-xs items-center justify-center px-s py-s text-button-cta-fg text-center text-pretty whitespace-nowrap"> <span class="text-0 trim whitespace-normal">Try free for up to 30 days</span> </p> </a> <details class="group lg:hidden space-y-xl"> <summary class="cursor-pointer flex items-center justify-between marker:content-none marker:hidden"> <p class="font-bold text-0 trim">What’s included…</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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="-translate-x-[5px] space-y-xl"> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-lock-closed" href="#i-lock-closed"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> A private inbox </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-storage" href="#i-storage"></use> </svg> </div> <div class="space-y-xs tooltip"> <p class="text-0 trim"> <span class="tooltip-underline">60 GB total storage</span> </p> <p class="text-0 trim"> <span class="tooltip-underline">(Add more if needed)</span> </p> </div> <div class="tooltip-content"> <p class="text-min-1 trim">50 GB for mail, calendar and contacts, and 10 GB for file storage.</p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-plus" href="#i-plus"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Extra email addresses for personal and work </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-globe" href="#i-globe"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Use your own domains to make custom addresses </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" fill="currentColor" stroke-width="0" aria-hidden="true"> <use class="i-masked" href="#i-masked"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Masked Email to hide address and secure logins </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-calendar" href="#i-calendar"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Personal and work calendars </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-identification" href="#i-identification"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Import or automatically build your contact list </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-laptop-phone" href="#i-laptop-phone"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Use with third-party apps (e.g. Outlook, iPhone Mail) </p> </div> </li> </ul> </details> <div class="lt-lg:hidden space-y-xl"> <p class="font-bold text-0 trim">What’s included…</p> <ul class="-translate-x-[5px] space-y-xl"> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-lock-closed" href="#i-lock-closed"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> A private inbox </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-storage" href="#i-storage"></use> </svg> </div> <div class="space-y-xs tooltip"> <p class="text-0 trim"> <span class="tooltip-underline">60 GB total storage</span> </p> <p class="text-0 trim"> <span class="tooltip-underline">(Add more if needed)</span> </p> </div> <div class="tooltip-content"> <p class="text-min-1 trim">50 GB for mail, calendar and contacts, and 10 GB for file storage.</p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-plus" href="#i-plus"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Extra email addresses for personal and work </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-globe" href="#i-globe"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Use your own domains to make custom addresses </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" fill="currentColor" stroke-width="0" aria-hidden="true"> <use class="i-masked" href="#i-masked"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Masked Email to hide address and secure logins </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-calendar" href="#i-calendar"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Personal and work calendars </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-identification" href="#i-identification"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Import or automatically build your contact list </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-laptop-phone" href="#i-laptop-phone"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Use with third-party apps (e.g. Outlook, iPhone Mail) </p> </div> </li> </ul> </div> </div> </div> <div class="before:bg-page-bg before:block before:h-[12px] before:w-full bg-border-card lt-[64rem]:hidden min-h-full w-px"></div> <div data-plan-id="duo" class="flex-1 lt-[64rem]:rounded-b-lg lt-[64rem]:shadow-2xl"> <div class="bg-[--plan-color] h-[12px] rounded-t-lg w-full"></div> <div class="px-xl py-3xl space-y-3xl"> <div class="space-y-xl"> <div class="flex items-center justify-between min-h-l"> <h2 class="font-bold text-5 trim">Duo</h2> <div class="flex gap-3xs items-center"> <p class="font-bold text-min-1 trim">2</p> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-user" href="#i-user"></use> </svg> </div> </div> <p class="text-0 trim">For you and a trusted partner. Choose what to share.</p> </div> <div data-swap='duo-1' class='group-has-[[value="1"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$14.50 </p> <p class='text-0 trim'> per month </p> <p class='text-blue-100 text-0 trim'> Pay yearly and save S$34.80 </p> </div> <div data-swap='duo-12' class='group-has-[[value="12"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$11.60 </p> <p class='text-0 trim'> per month </p> <p class='text-grey-70 text-0 trim'> S$139.20 for 12 months </p> </div> <div data-swap='duo-24' class='group-has-[[value="24"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$11.02 </p> <p class='text-0 trim'> per month </p> <p class='text-grey-70 text-0 trim'> S$264.48 for 24 months </p> </div> <div data-swap='duo-36' class='group-has-[[value="36"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$10.83 </p> <p class='text-0 trim'> per month </p> <p class='text-grey-70 text-0 trim'> S$389.76 for 36 months </p> </div> <a href="https://app.fastmail.com/signup/" target="_blank" class="active:bg-button-cta-bg-active bg-button-cta-bg block group-has-[[value="36"]:checked]:block hover:bg-button-cta-bg-hover rounded-md"> <p class="flex font-bold gap-x-xs items-center justify-center px-s py-s text-button-cta-fg text-center text-pretty whitespace-nowrap"> <span class="text-0 trim whitespace-normal">Try free for up to 30 days</span> </p> </a> <details class="group lg:hidden space-y-xl"> <summary class="cursor-pointer flex items-center justify-between marker:content-none marker:hidden"> <p class="font-bold text-0 trim">What’s included…</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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="-translate-x-[5px] space-y-xl"> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-lock-closed" href="#i-lock-closed"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Two private inboxes </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-storage" href="#i-storage"></use> </svg> </div> <div class="space-y-xs tooltip"> <p class="text-0 trim"> <span class="tooltip-underline">120 GB total storage</span> </p> <p class="text-0 trim"> <span class="tooltip-underline">(60 GB per person)</span> </p> </div> <div class="tooltip-content"> <p class="text-min-1 trim">50 GB for mail, calendar and contacts, and 10 GB for file storage per person.</p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-plus" href="#i-plus"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Extra email addresses for you. Make some to share. </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-globe" href="#i-globe"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Use your own domains to make custom addresses </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" fill="currentColor" stroke-width="0" aria-hidden="true"> <use class="i-masked" href="#i-masked"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Masked Email to hide address and secure logins </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-calendar" href="#i-calendar"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Private calendars for you and calendars to share </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-identification" href="#i-identification"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Get a private address book and one to share too </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-laptop-phone" href="#i-laptop-phone"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Use with third-party apps (e.g. Outlook, iPhone Mail) </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-wrench-screwdriver" href="#i-wrench-screwdriver"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Manage users’ storage, privacy, and security </p> </div> </li> </ul> </details> <div class="lt-lg:hidden space-y-xl"> <p class="font-bold text-0 trim">What’s included…</p> <ul class="-translate-x-[5px] space-y-xl"> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-lock-closed" href="#i-lock-closed"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Two private inboxes </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-storage" href="#i-storage"></use> </svg> </div> <div class="space-y-xs tooltip"> <p class="text-0 trim"> <span class="tooltip-underline">120 GB total storage</span> </p> <p class="text-0 trim"> <span class="tooltip-underline">(60 GB per person)</span> </p> </div> <div class="tooltip-content"> <p class="text-min-1 trim">50 GB for mail, calendar and contacts, and 10 GB for file storage per person.</p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-plus" href="#i-plus"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Extra email addresses for you. Make some to share. </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-globe" href="#i-globe"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Use your own domains to make custom addresses </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" fill="currentColor" stroke-width="0" aria-hidden="true"> <use class="i-masked" href="#i-masked"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Masked Email to hide address and secure logins </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-calendar" href="#i-calendar"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Private calendars for you and calendars to share </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-identification" href="#i-identification"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Get a private address book and one to share too </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-laptop-phone" href="#i-laptop-phone"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Use with third-party apps (e.g. Outlook, iPhone Mail) </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-wrench-screwdriver" href="#i-wrench-screwdriver"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Manage users’ storage, privacy, and security </p> </div> </li> </ul> </div> </div> </div> <div class="before:bg-page-bg before:block before:h-[12px] before:w-full bg-border-card lt-[64rem]:hidden min-h-full w-px"></div> <div data-plan-id="family" class="flex-1 lt-[64rem]:rounded-b-lg lt-[64rem]:shadow-2xl"> <div class="bg-[--plan-color] h-[12px] rounded-t-lg w-full"></div> <div class="px-xl py-3xl space-y-3xl"> <div class="space-y-xl"> <div class="flex items-center justify-between min-h-l"> <h2 class="font-bold text-5 trim">Family</h2> <div class="flex gap-3xs items-center"> <p class="font-bold text-min-1 trim">Up to 6</p> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-user" href="#i-user"></use> </svg> </div> </div> <p class="text-0 trim">For up to six in a family. Private, secure email for everyone.</p> </div> <div data-swap='family-1' class='group-has-[[value="1"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$20.30 </p> <p class='text-0 trim'> per month </p> <p class='text-blue-100 text-0 trim'> Pay yearly and save S$52.20 </p> </div> <div data-swap='family-12' class='group-has-[[value="12"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$15.95 </p> <p class='text-0 trim'> per month </p> <p class='text-grey-70 text-0 trim'> S$191.40 for 12 months </p> </div> <div data-swap='family-24' class='group-has-[[value="24"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$15.14 </p> <p class='text-0 trim'> per month </p> <p class='text-grey-70 text-0 trim'> S$363.37 for 24 months </p> </div> <div data-swap='family-36' class='group-has-[[value="36"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$14.89 </p> <p class='text-0 trim'> per month </p> <p class='text-grey-70 text-0 trim'> S$535.92 for 36 months </p> </div> <a href="https://app.fastmail.com/signup/" target="_blank" class="active:bg-button-cta-bg-active bg-button-cta-bg block group-has-[[value="36"]:checked]:block hover:bg-button-cta-bg-hover rounded-md"> <p class="flex font-bold gap-x-xs items-center justify-center px-s py-s text-button-cta-fg text-center text-pretty whitespace-nowrap"> <span class="text-0 trim whitespace-normal">Try free for up to 30 days</span> </p> </a> <details class="group lg:hidden space-y-xl"> <summary class="cursor-pointer flex items-center justify-between marker:content-none marker:hidden"> <p class="font-bold text-0 trim">What’s included…</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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="-translate-x-[5px] space-y-xl"> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-lock-closed" href="#i-lock-closed"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> A private inbox for each user </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-storage" href="#i-storage"></use> </svg> </div> <div class="space-y-xs tooltip"> <p class="text-0 trim"> <span class="tooltip-underline">Up to 360 GB total storage</span> </p> <p class="text-0 trim"> <span class="tooltip-underline">(60 GB per person)</span> </p> </div> <div class="tooltip-content"> <p class="text-min-1 trim">50 GB for mail, calendar and contacts, and 10 GB for file storage per person.</p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-plus" href="#i-plus"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Extra email addresses for you. Make some to share. </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-globe" href="#i-globe"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Use your own domains to make custom addresses </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" fill="currentColor" stroke-width="0" aria-hidden="true"> <use class="i-masked" href="#i-masked"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Masked Email to hide address and secure logins </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-calendar" href="#i-calendar"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Private calendars for you and shared family calendars </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-identification" href="#i-identification"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Get a private address book and share one with all users </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-laptop-phone" href="#i-laptop-phone"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Use with third-party apps (e.g. Outlook, iPhone Mail) </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-wrench-screwdriver" href="#i-wrench-screwdriver"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Manage users’ storage, privacy, and security </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-wallet" href="#i-wallet"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> All your family information together in one place </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-tick" href="#i-tick"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Save money with a flat rate and no commitment </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-user-group" href="#i-user-group"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Make account changes to multiple users at once </p> </div> </li> </ul> </details> <div class="lt-lg:hidden space-y-xl"> <p class="font-bold text-0 trim">What’s included…</p> <ul class="-translate-x-[5px] space-y-xl"> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-lock-closed" href="#i-lock-closed"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> A private inbox for each user </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-storage" href="#i-storage"></use> </svg> </div> <div class="space-y-xs tooltip"> <p class="text-0 trim"> <span class="tooltip-underline">Up to 360 GB total storage</span> </p> <p class="text-0 trim"> <span class="tooltip-underline">(60 GB per person)</span> </p> </div> <div class="tooltip-content"> <p class="text-min-1 trim">50 GB for mail, calendar and contacts, and 10 GB for file storage per person.</p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-plus" href="#i-plus"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Extra email addresses for you. Make some to share. </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-globe" href="#i-globe"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Use your own domains to make custom addresses </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" fill="currentColor" stroke-width="0" aria-hidden="true"> <use class="i-masked" href="#i-masked"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Masked Email to hide address and secure logins </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-calendar" href="#i-calendar"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Private calendars for you and shared family calendars </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-identification" href="#i-identification"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Get a private address book and share one with all users </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-laptop-phone" href="#i-laptop-phone"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Use with third-party apps (e.g. Outlook, iPhone Mail) </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-wrench-screwdriver" href="#i-wrench-screwdriver"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Manage users’ storage, privacy, and security </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-wallet" href="#i-wallet"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> All your family information together in one place </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-tick" href="#i-tick"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Save money with a flat rate and no commitment </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-user-group" href="#i-user-group"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Make account changes to multiple users at once </p> </div> </li> </ul> </div> </div> </div> </div> <div data-plan-type="business" class="flex lg:shadow-2xl lt-[64rem]:flex-col lt-[64rem]:gap-y-xl mt-l peer-has-[[value=personal]:checked]:hidden rounded-b-lg"> <div data-plan-id="basic" class="flex-1 lt-[64rem]:rounded-b-lg lt-[64rem]:shadow-2xl"> <div class="bg-[--plan-color] h-[12px] rounded-t-lg w-full"></div> <div class="px-xl py-3xl space-y-3xl"> <div class="space-y-xl"> <div class="flex items-center justify-between min-h-l"> <h2 class="font-bold text-5 trim">Basic</h2> </div> <p class="text-0 trim">Fastmail essentials for those with low storage needs.</p> </div> <div data-swap='basic-1' class='group-has-[[value="1"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$5.80 </p> <p class='text-0 trim'> per user/month </p> <p class='text-blue-100 text-0 trim'> Pay yearly and save S$17.40 </p> </div> <div data-swap='basic-12' class='group-has-[[value="12"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$4.35 </p> <p class='text-0 trim'> per user/month </p> <p class='text-grey-70 text-0 trim'> S$52.20 for 12 months </p> </div> <div data-swap='basic-24' class='group-has-[[value="24"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$4.13 </p> <p class='text-0 trim'> per user/month </p> <p class='text-grey-70 text-0 trim'> S$99.18 for 24 months </p> </div> <div data-swap='basic-36' class='group-has-[[value="36"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$4.06 </p> <p class='text-0 trim'> per user/month </p> <p class='text-grey-70 text-0 trim'> S$146.16 for 36 months </p> </div> <a href="https://app.fastmail.com/signup/" target="_blank" class="active:bg-button-cta-bg-active bg-button-cta-bg block group-has-[[value="36"]:checked]:block hover:bg-button-cta-bg-hover rounded-md"> <p class="flex font-bold gap-x-xs items-center justify-center px-s py-s text-button-cta-fg text-center text-pretty whitespace-nowrap"> <span class="text-0 trim whitespace-normal">Try free for up to 30 days</span> </p> </a> <details class="group lg:hidden space-y-xl"> <summary class="cursor-pointer flex items-center justify-between marker:content-none marker:hidden"> <p class="font-bold text-0 trim">What’s included…</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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="-translate-x-[5px] space-y-xl"> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-storage" href="#i-storage"></use> </svg> </div> <div class="space-y-xs tooltip"> <p class="text-0 trim"> <span class="tooltip-underline">6 GB total storage per user</span> </p> </div> <div class="tooltip-content"> <p class="text-min-1 trim">5 GB for mail, calendar and contacts and 1 GB for file storage.</p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-heart" href="#i-heart"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Expert support from real people </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-share" href="#i-share"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared email addresses like support@mybiz.com </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-calendar" href="#i-calendar"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared calendars you can layer for a custom view </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-identification" href="#i-identification"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared company address book </p> </div> </li> </ul> </details> <div class="lt-lg:hidden space-y-xl"> <p class="font-bold text-0 trim">What’s included…</p> <ul class="-translate-x-[5px] space-y-xl"> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-storage" href="#i-storage"></use> </svg> </div> <div class="space-y-xs tooltip"> <p class="text-0 trim"> <span class="tooltip-underline">6 GB total storage per user</span> </p> </div> <div class="tooltip-content"> <p class="text-min-1 trim">5 GB for mail, calendar and contacts and 1 GB for file storage.</p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-heart" href="#i-heart"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Expert support from real people </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-share" href="#i-share"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared email addresses like support@mybiz.com </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-calendar" href="#i-calendar"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared calendars you can layer for a custom view </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-identification" href="#i-identification"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared company address book </p> </div> </li> </ul> </div> </div> </div> <div class="before:bg-page-bg before:block before:h-[12px] before:w-full bg-border-card lt-[64rem]:hidden min-h-full w-px"></div> <div data-plan-id="standard" class="flex-1 lt-[64rem]:rounded-b-lg lt-[64rem]:shadow-2xl"> <div class="bg-[--plan-color] h-[12px] rounded-t-lg w-full"></div> <div class="px-xl py-3xl space-y-3xl"> <div class="space-y-xl"> <div class="flex items-center justify-between min-h-l"> <h2 class="font-bold text-5 trim">Standard</h2> <p class="bg-button-cta-bg content-center flex h-m px-2xs rounded-full scale-110 text-button-cta-fg text-min-2 translate-x-xs whitespace-nowrap"> <span class="translate-y-px">Most popular</span> </p> </div> <p class="text-0 trim">Premium business email, contacts, and calendars.</p> </div> <div data-swap='standard-1' class='group-has-[[value="1"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$8.70 </p> <p class='text-0 trim'> per user/month </p> <p class='text-blue-100 text-0 trim'> Pay yearly and save S$17.40 </p> </div> <div data-swap='standard-12' class='group-has-[[value="12"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$7.25 </p> <p class='text-0 trim'> per user/month </p> <p class='text-grey-70 text-0 trim'> S$87 for 12 months </p> </div> <div data-swap='standard-24' class='group-has-[[value="24"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$6.89 </p> <p class='text-0 trim'> per user/month </p> <p class='text-grey-70 text-0 trim'> S$165.30 for 24 months </p> </div> <div data-swap='standard-36' class='group-has-[[value="36"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$6.77 </p> <p class='text-0 trim'> per user/month </p> <p class='text-grey-70 text-0 trim'> S$243.60 for 36 months </p> </div> <a href="https://app.fastmail.com/signup/" target="_blank" class="active:bg-button-cta-bg-active bg-button-cta-bg block group-has-[[value="36"]:checked]:block hover:bg-button-cta-bg-hover rounded-md"> <p class="flex font-bold gap-x-xs items-center justify-center px-s py-s text-button-cta-fg text-center text-pretty whitespace-nowrap"> <span class="text-0 trim whitespace-normal">Try free for up to 30 days</span> </p> </a> <details class="group lg:hidden space-y-xl"> <summary class="cursor-pointer flex items-center justify-between marker:content-none marker:hidden"> <p class="font-bold text-0 trim">What’s included…</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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="-translate-x-[5px] space-y-xl"> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-storage" href="#i-storage"></use> </svg> </div> <div class="space-y-xs tooltip"> <p class="text-0 trim"> <span class="tooltip-underline">60 GB total storage per user</span> </p> </div> <div class="tooltip-content"> <p class="text-min-1 trim">50 GB for mail, calendar and contacts, and 10 GB for file storage.</p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-globe" href="#i-globe"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Make custom business addresses with a domain </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-heart" href="#i-heart"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Expert support from real people </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-share" href="#i-share"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared email addresses like support@mybiz.com </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-calendar" href="#i-calendar"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared calendars you can layer for a custom view </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-identification" href="#i-identification"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared company address book </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-scheduled-send" href="#i-scheduled-send"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Scheduled Send and Snooze for better focus </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-laptop-phone" href="#i-laptop-phone"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Use with third-party apps (e.g. Outlook, iPhone Mail) </p> </div> </li> </ul> </details> <div class="lt-lg:hidden space-y-xl"> <p class="font-bold text-0 trim">What’s included…</p> <ul class="-translate-x-[5px] space-y-xl"> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-storage" href="#i-storage"></use> </svg> </div> <div class="space-y-xs tooltip"> <p class="text-0 trim"> <span class="tooltip-underline">60 GB total storage per user</span> </p> </div> <div class="tooltip-content"> <p class="text-min-1 trim">50 GB for mail, calendar and contacts, and 10 GB for file storage.</p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-globe" href="#i-globe"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Make custom business addresses with a domain </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-heart" href="#i-heart"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Expert support from real people </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-share" href="#i-share"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared email addresses like support@mybiz.com </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-calendar" href="#i-calendar"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared calendars you can layer for a custom view </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-identification" href="#i-identification"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared company address book </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-scheduled-send" href="#i-scheduled-send"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Scheduled Send and Snooze for better focus </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-laptop-phone" href="#i-laptop-phone"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Use with third-party apps (e.g. Outlook, iPhone Mail) </p> </div> </li> </ul> </div> </div> </div> <div class="before:bg-page-bg before:block before:h-[12px] before:w-full bg-border-card lt-[64rem]:hidden min-h-full w-px"></div> <div data-plan-id="professional" class="flex-1 lt-[64rem]:rounded-b-lg lt-[64rem]:shadow-2xl"> <div class="bg-[--plan-color] h-[12px] rounded-t-lg w-full"></div> <div class="px-xl py-3xl space-y-3xl"> <div class="space-y-xl"> <div class="flex items-center justify-between min-h-l"> <h2 class="font-bold text-5 trim">Professional</h2> </div> <p class="text-0 trim">More storage and email retention for legal compliance.</p> </div> <div data-swap='professional-1' class='group-has-[[value="1"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$14.50 </p> <p class='text-0 trim'> per user/month </p> <p class='text-blue-100 text-0 trim'> Pay yearly and save S$17.40 </p> </div> <div data-swap='professional-12' class='group-has-[[value="12"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$13.05 </p> <p class='text-0 trim'> per user/month </p> <p class='text-grey-70 text-0 trim'> S$156.60 for 12 months </p> </div> <div data-swap='professional-24' class='group-has-[[value="24"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$12.40 </p> <p class='text-0 trim'> per user/month </p> <p class='text-grey-70 text-0 trim'> S$297.54 for 24 months </p> </div> <div data-swap='professional-36' class='group-has-[[value="36"]:checked]:block hidden space-y-xs' > <p class='font-semibold text-8 trim'> S$12.18 </p> <p class='text-0 trim'> per user/month </p> <p class='text-grey-70 text-0 trim'> S$438.48 for 36 months </p> </div> <a href="https://app.fastmail.com/signup/" target="_blank" class="active:bg-button-cta-bg-active bg-button-cta-bg block group-has-[[value="36"]:checked]:block hover:bg-button-cta-bg-hover rounded-md"> <p class="flex font-bold gap-x-xs items-center justify-center px-s py-s text-button-cta-fg text-center text-pretty whitespace-nowrap"> <span class="text-0 trim whitespace-normal">Try free for up to 30 days</span> </p> </a> <details class="group lg:hidden space-y-xl"> <summary class="cursor-pointer flex items-center justify-between marker:content-none marker:hidden"> <p class="font-bold text-0 trim">What’s included…</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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="-translate-x-[5px] space-y-xl"> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-storage" href="#i-storage"></use> </svg> </div> <div class="space-y-xs tooltip"> <p class="text-0 trim"> <span class="tooltip-underline">150 GB total storage per user</span> </p> </div> <div class="tooltip-content"> <p class="text-min-1 trim">100 GB for mail, calendar and contacts, and 50 GB for file storage.</p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-globe" href="#i-globe"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Make custom business addresses with a domain </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-heart" href="#i-heart"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Expert support from real people </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-share" href="#i-share"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared email addresses like support@mybiz.com </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-calendar" href="#i-calendar"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared calendars you can layer for a custom view </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-identification" href="#i-identification"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared company address book </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-scheduled-send" href="#i-scheduled-send"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Scheduled Send and Snooze for better focus </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-laptop-phone" href="#i-laptop-phone"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Use with third-party apps (e.g. Outlook, iPhone Mail) </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-folder-locked" href="#i-folder-locked"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Email retention archive for legal compliance </p> </div> </li> </ul> </details> <div class="lt-lg:hidden space-y-xl"> <p class="font-bold text-0 trim">What’s included…</p> <ul class="-translate-x-[5px] space-y-xl"> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-storage" href="#i-storage"></use> </svg> </div> <div class="space-y-xs tooltip"> <p class="text-0 trim"> <span class="tooltip-underline">150 GB total storage per user</span> </p> </div> <div class="tooltip-content"> <p class="text-min-1 trim">100 GB for mail, calendar and contacts, and 50 GB for file storage.</p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-globe" href="#i-globe"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Make custom business addresses with a domain </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-heart" href="#i-heart"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Expert support from real people </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-share" href="#i-share"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared email addresses like support@mybiz.com </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-calendar" href="#i-calendar"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared calendars you can layer for a custom view </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-identification" href="#i-identification"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Shared company address book </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-scheduled-send" href="#i-scheduled-send"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Scheduled Send and Snooze for better focus </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-laptop-phone" href="#i-laptop-phone"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Use with third-party apps (e.g. Outlook, iPhone Mail) </p> </div> </li> <li class="flex gap-x-2xs items-start relative"> <div class="overflow-show text-0 trim"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-folder-locked" href="#i-folder-locked"></use> </svg> </div> <div class="space-y-xs"> <p class="text-0 trim"> Email retention archive for legal compliance </p> </div> </li> </ul> </div> </div> </div> </div> <p data-tax-notice class="max-w-prose mt-5xl mx-auto text-0 text-center text-fg-alt trim">All prices are tax-inclusive. Change plans or cancel at any time.</p> </div> <div data-comparison-for="personal" class="[--wrapper-width:40rem] lg:[--wrapper-width:70rem] mb-xl-3xl mt-9xl peer-has-[[value=business]:checked]:hidden space-y-7xl wrapper"> <h2 class="font-serif text-6 text-center trim">Get these productivity features on all plans</h2> <table id="personal-table" class="border-separate border-spacing-0 table-fixed w-full"> <thead class="bg-white sticky top-header"> <tr> <td class="lt-lg:hidden"></td> <td data-plan-id="individual" class="*:last:w-[calc(100%-1px)] *:nth-2:left-0 *:nth-3:left-px *:nth-3:w-[calc(100%-1px)] *:nth-last-3:w-full bg-white h-[8px] relative"> <div class="absolute bg-[--plan-color] h-full left-px rounded-t-md top-0"></div> </td> <td data-plan-id="duo" class="*:last:w-[calc(100%-1px)] *:nth-2:left-0 *:nth-3:left-px *:nth-3:w-[calc(100%-1px)] *:nth-last-3:w-full bg-white h-[8px] relative"> <div class="absolute bg-[--plan-color] h-full left-px rounded-t-md top-0"></div> </td> <td data-plan-id="family" class="*:last:w-[calc(100%-1px)] *:nth-2:left-0 *:nth-3:left-px *:nth-3:w-[calc(100%-1px)] *:nth-last-3:w-full bg-white h-[8px] relative"> <div class="absolute bg-[--plan-color] h-full left-px rounded-t-md top-0"></div> </td> </tr> <tr> <th scope="col" class="border-b border-border-card lt-lg:hidden"> <p class="font-semibold p-s text-3 text-left trim">Key features</p> </th> <th scope="col" class="border-border-card border-l last:border-r lg:border-b lg:p-l lg:space-y-m p-s pb-xs space-y-xs"> <div class="flex gap-y-xs items-center justify-between lt-lg:flex-col"> <p class="font-bold le-[23.375rem]:max-w-full le-[23.375rem]:overflow-hidden le-[23.375rem]:py-[0.2em] le-[23.375rem]:text-ellipsis lg:text-2 text-1 text-center trim"> Individual </p> <div class="flex gap-x-3xs items-center justify-end"> <p class="text-0 trim whitespace-nowrap">1</p> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current size-icon-sm" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-user" href="#i-user"></use> </svg> </div> </div> <a href="https://app.fastmail.com/signup/" target="_blank" class="*:py-xs active:bg-button-cta-bg-active bg-button-cta-bg block hover:bg-button-cta-bg-hover lt-lg:hidden rounded-md"> <p class="flex font-bold gap-x-xs items-center justify-center px-s py-s text-button-cta-fg text-center text-pretty whitespace-nowrap"> <span class="text-0 trim whitespace-normal">Try for free</span> </p> </a> </th> <th scope="col" class="border-border-card border-l last:border-r lg:border-b lg:p-l lg:space-y-m p-s pb-xs space-y-xs"> <div class="flex gap-y-xs items-center justify-between lt-lg:flex-col"> <p class="font-bold le-[23.375rem]:max-w-full le-[23.375rem]:overflow-hidden le-[23.375rem]:py-[0.2em] le-[23.375rem]:text-ellipsis lg:text-2 text-1 text-center trim"> Duo </p> <div class="flex gap-x-3xs items-center justify-end"> <p class="text-0 trim whitespace-nowrap">2</p> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current size-icon-sm" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-user" href="#i-user"></use> </svg> </div> </div> <a href="https://app.fastmail.com/signup/" target="_blank" class="*:py-xs active:bg-button-cta-bg-active bg-button-cta-bg block hover:bg-button-cta-bg-hover lt-lg:hidden rounded-md"> <p class="flex font-bold gap-x-xs items-center justify-center px-s py-s text-button-cta-fg text-center text-pretty whitespace-nowrap"> <span class="text-0 trim whitespace-normal">Try for free</span> </p> </a> </th> <th scope="col" class="border-border-card border-l last:border-r lg:border-b lg:p-l lg:space-y-m p-s pb-xs space-y-xs"> <div class="flex gap-y-xs items-center justify-between lt-lg:flex-col"> <p class="font-bold le-[23.375rem]:max-w-full le-[23.375rem]:overflow-hidden le-[23.375rem]:py-[0.2em] le-[23.375rem]:text-ellipsis lg:text-2 text-1 text-center trim"> Family </p> <div class="flex gap-x-3xs items-center justify-end"> <p class="text-0 trim whitespace-nowrap">Up to 6</p> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current size-icon-sm" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-user" href="#i-user"></use> </svg> </div> </div> <a href="https://app.fastmail.com/signup/" target="_blank" class="*:py-xs active:bg-button-cta-bg-active bg-button-cta-bg block hover:bg-button-cta-bg-hover lt-lg:hidden rounded-md"> <p class="flex font-bold gap-x-xs items-center justify-center px-s py-s text-button-cta-fg text-center text-pretty whitespace-nowrap"> <span class="text-0 trim whitespace-normal">Try for free</span> </p> </a> </th> </tr> <tr class="lg:hidden"> <td colspan="3" class="border-b border-border-card border-x p-3xs"> <a href="https://app.fastmail.com/signup/" target="_blank" class="*:py-xs active:bg-button-cta-bg-active bg-button-cta-bg block hover:bg-button-cta-bg-hover rounded-md"> <p class="flex font-bold gap-x-xs items-center justify-center px-s py-s text-button-cta-fg text-center text-pretty whitespace-nowrap"> <span class="text-0 trim whitespace-normal">Try for free</span> </p> </a> </td> </tr> </thead> <tbody class="text-pretty"> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:hidden lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Mail, calendar and contacts storage</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <div class="mx-xs my-l space-y-xs text-center"> <p class="text-0 trim">50 GB of storage</p> <p class="text-0 trim">(Add more if needed)</p> </div> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <div class="mx-xs my-l space-y-xs text-center"> <p class="text-0 trim">100 GB of storage</p> <p class="text-0 trim">(50 GB per person)</p> </div> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <div class="mx-xs my-l space-y-xs text-center"> <p class="text-0 trim">Up to 300 GB of storage</p> <p class="text-0 trim">(50 GB per person)</p> </div> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:hidden lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">File storage</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <div class="mx-xs my-l space-y-xs text-center"> <p class="text-0 trim">10 GB of storage</p> <p class="text-0 trim">(Add more if needed)</p> </div> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <div class="mx-xs my-l space-y-xs text-center"> <p class="text-0 trim">20 GB of storage</p> <p class="text-0 trim">(10 GB per person)</p> </div> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <div class="mx-xs my-l space-y-xs text-center"> <p class="text-0 trim">Up to 60 GB of storage</p> <p class="text-0 trim">(10 GB per person)</p> </div> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Fast, secure email built by industry experts</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-94c8b9" role="graphics-symbol"> <title id="tick-fill-title-94c8b9"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-2b1f60" role="graphics-symbol"> <title id="tick-fill-title-2b1f60"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-1760b5" role="graphics-symbol"> <title id="tick-fill-title-1760b5"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Better privacy—no ads or tracking</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-319934" role="graphics-symbol"> <title id="tick-fill-title-319934"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-1166e9" role="graphics-symbol"> <title id="tick-fill-title-1166e9"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-4037e6" role="graphics-symbol"> <title id="tick-fill-title-4037e6"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Get organized with folders or labels</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-ca8bc1" role="graphics-symbol"> <title id="tick-fill-title-ca8bc1"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-59b145" role="graphics-symbol"> <title id="tick-fill-title-59b145"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-ac756c" role="graphics-symbol"> <title id="tick-fill-title-ac756c"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Use your own domains (you@yourname)</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-e6c80e" role="graphics-symbol"> <title id="tick-fill-title-e6c80e"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-3ae06e" role="graphics-symbol"> <title id="tick-fill-title-3ae06e"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-f45593" role="graphics-symbol"> <title id="tick-fill-title-f45593"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Many custom addresses on one account</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-8d4fc1" role="graphics-symbol"> <title id="tick-fill-title-8d4fc1"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-15269c" role="graphics-symbol"> <title id="tick-fill-title-15269c"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-95095e" role="graphics-symbol"> <title id="tick-fill-title-95095e"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Hide your real addresses with Masked Email</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-13a13c" role="graphics-symbol"> <title id="tick-fill-title-13a13c"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-357daa" role="graphics-symbol"> <title id="tick-fill-title-357daa"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-ec7f66" role="graphics-symbol"> <title id="tick-fill-title-ec7f66"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Email, calendars, and contacts in one mobile app</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-bd896e" role="graphics-symbol"> <title id="tick-fill-title-bd896e"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-8bfb93" role="graphics-symbol"> <title id="tick-fill-title-8bfb93"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-797590" role="graphics-symbol"> <title id="tick-fill-title-797590"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Superior spam blocking and spam settings</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-d2bf10" role="graphics-symbol"> <title id="tick-fill-title-d2bf10"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-df1c47" role="graphics-symbol"> <title id="tick-fill-title-df1c47"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-2c0eed" role="graphics-symbol"> <title id="tick-fill-title-2c0eed"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Customize your inbox with themes and dark mode</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-7d2e86" role="graphics-symbol"> <title id="tick-fill-title-7d2e86"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-d883ad" role="graphics-symbol"> <title id="tick-fill-title-d883ad"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-4a2acb" role="graphics-symbol"> <title id="tick-fill-title-4a2acb"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Easy migration from your old provider</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-53e8d9" role="graphics-symbol"> <title id="tick-fill-title-53e8d9"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-c5e9c9" role="graphics-symbol"> <title id="tick-fill-title-c5e9c9"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-04b9db" role="graphics-symbol"> <title id="tick-fill-title-04b9db"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Automatically sort your mail with rules</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-d72eb5" role="graphics-symbol"> <title id="tick-fill-title-d72eb5"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-718e0f" role="graphics-symbol"> <title id="tick-fill-title-718e0f"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-69c387" role="graphics-symbol"> <title id="tick-fill-title-69c387"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Send emails ahead of time with Scheduled Send</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-ba85a3" role="graphics-symbol"> <title id="tick-fill-title-ba85a3"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-c900c9" role="graphics-symbol"> <title id="tick-fill-title-c900c9"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-491e6c" role="graphics-symbol"> <title id="tick-fill-title-491e6c"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Deal with emails when you want with Snooze</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-f83f23" role="graphics-symbol"> <title id="tick-fill-title-f83f23"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-75b729" role="graphics-symbol"> <title id="tick-fill-title-75b729"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-f94f21" role="graphics-symbol"> <title id="tick-fill-title-f94f21"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Mute threads you don’t want in your Inbox</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-a2bee8" role="graphics-symbol"> <title id="tick-fill-title-a2bee8"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-3ba250" role="graphics-symbol"> <title id="tick-fill-title-3ba250"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-848bc8" role="graphics-symbol"> <title id="tick-fill-title-848bc8"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Create and share new calendars</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-c212a8" role="graphics-symbol"> <title id="tick-fill-title-c212a8"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-f8dc31" role="graphics-symbol"> <title id="tick-fill-title-f8dc31"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-083d7c" role="graphics-symbol"> <title id="tick-fill-title-083d7c"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Invite people to your calendar events</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-bf44b7" role="graphics-symbol"> <title id="tick-fill-title-bf44b7"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-162f20" role="graphics-symbol"> <title id="tick-fill-title-162f20"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-7dd9ef" role="graphics-symbol"> <title id="tick-fill-title-7dd9ef"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Color coordinate calendars or individual events</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-c31a1f" role="graphics-symbol"> <title id="tick-fill-title-c31a1f"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-55ab8f" role="graphics-symbol"> <title id="tick-fill-title-55ab8f"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-af467c" role="graphics-symbol"> <title id="tick-fill-title-af467c"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Bring in your contact list and auto-populate new contacts</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-944aec" role="graphics-symbol"> <title id="tick-fill-title-944aec"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-9ac08e" role="graphics-symbol"> <title id="tick-fill-title-9ac08e"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-3b4982" role="graphics-symbol"> <title id="tick-fill-title-3b4982"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Select VIPs to prioritize important contacts</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-8fa002" role="graphics-symbol"> <title id="tick-fill-title-8fa002"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-1e0dab" role="graphics-symbol"> <title id="tick-fill-title-1e0dab"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-87cdbb" role="graphics-symbol"> <title id="tick-fill-title-87cdbb"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Notification options that respect your time</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-6f35d9" role="graphics-symbol"> <title id="tick-fill-title-6f35d9"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-21f5e8" role="graphics-symbol"> <title id="tick-fill-title-21f5e8"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-554f41" role="graphics-symbol"> <title id="tick-fill-title-554f41"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Admin tools to manage additional users</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-c9a222" role="graphics-symbol"> <title id="tick-fill-title-c9a222"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-3edc9b" role="graphics-symbol"> <title id="tick-fill-title-3edc9b"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-7722cf" role="graphics-symbol"> <title id="tick-fill-title-7722cf"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Built on JMAP, powering the latest email innovations</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-4f258e" role="graphics-symbol"> <title id="tick-fill-title-4f258e"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-5b8c32" role="graphics-symbol"> <title id="tick-fill-title-5b8c32"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-c316f5" role="graphics-symbol"> <title id="tick-fill-title-c316f5"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Use with third-party apps (ex. Outlook, iPhone Mail)</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-f1e14c" role="graphics-symbol"> <title id="tick-fill-title-f1e14c"> Supported on Individual plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-f88629" role="graphics-symbol"> <title id="tick-fill-title-f88629"> Supported on Duo plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-45775b" role="graphics-symbol"> <title id="tick-fill-title-45775b"> Supported on Family plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> </tbody> </table> </div> <div data-comparison-for="business" class="[--wrapper-width:40rem] lg:[--wrapper-width:70rem] mb-xl-3xl mt-9xl peer-has-[[value=personal]:checked]:hidden space-y-7xl wrapper"> <h2 class="font-serif text-6 text-center trim">Compare plans</h2> <table id="business-table" class="border-separate border-spacing-0 table-fixed w-full"> <thead class="bg-white sticky top-header"> <tr> <td class="lt-lg:hidden"></td> <td data-plan-id="basic" class="*:last:w-[calc(100%-1px)] *:nth-2:left-0 *:nth-3:left-px *:nth-3:w-[calc(100%-1px)] *:nth-last-3:w-full bg-white h-[8px] relative"> <div class="absolute bg-[--plan-color] h-full left-px rounded-t-md top-0"></div> </td> <td data-plan-id="standard" class="*:last:w-[calc(100%-1px)] *:nth-2:left-0 *:nth-3:left-px *:nth-3:w-[calc(100%-1px)] *:nth-last-3:w-full bg-white h-[8px] relative"> <div class="absolute bg-[--plan-color] h-full left-px rounded-t-md top-0"></div> </td> <td data-plan-id="professional" class="*:last:w-[calc(100%-1px)] *:nth-2:left-0 *:nth-3:left-px *:nth-3:w-[calc(100%-1px)] *:nth-last-3:w-full bg-white h-[8px] relative"> <div class="absolute bg-[--plan-color] h-full left-px rounded-t-md top-0"></div> </td> </tr> <tr> <th scope="col" class="border-b border-border-card lt-lg:hidden"> <p class="font-semibold p-s text-3 text-left trim">Key features</p> </th> <th scope="col" class="border-border-card border-l last:border-r lg:border-b lg:p-l lg:space-y-m p-s pb-xs space-y-xs"> <div class="flex gap-y-xs items-center justify-center lt-lg:flex-col"> <p class="font-bold le-[23.375rem]:max-w-full le-[23.375rem]:overflow-hidden le-[23.375rem]:py-[0.2em] le-[23.375rem]:text-ellipsis lg:text-2 text-1 text-center trim"> Basic </p> </div> <a href="https://app.fastmail.com/signup/" target="_blank" class="*:py-xs active:bg-button-cta-bg-active bg-button-cta-bg block hover:bg-button-cta-bg-hover lt-lg:hidden rounded-md"> <p class="flex font-bold gap-x-xs items-center justify-center px-s py-s text-button-cta-fg text-center text-pretty whitespace-nowrap"> <span class="text-0 trim whitespace-normal">Try for free</span> </p> </a> </th> <th scope="col" class="border-border-card border-l last:border-r lg:border-b lg:p-l lg:space-y-m p-s pb-xs space-y-xs"> <div class="flex gap-y-xs items-center justify-center lt-lg:flex-col"> <p class="font-bold le-[23.375rem]:max-w-full le-[23.375rem]:overflow-hidden le-[23.375rem]:py-[0.2em] le-[23.375rem]:text-ellipsis lg:text-2 text-1 text-center trim"> Standard </p> </div> <a href="https://app.fastmail.com/signup/" target="_blank" class="*:py-xs active:bg-button-cta-bg-active bg-button-cta-bg block hover:bg-button-cta-bg-hover lt-lg:hidden rounded-md"> <p class="flex font-bold gap-x-xs items-center justify-center px-s py-s text-button-cta-fg text-center text-pretty whitespace-nowrap"> <span class="text-0 trim whitespace-normal">Try for free</span> </p> </a> </th> <th scope="col" class="border-border-card border-l last:border-r lg:border-b lg:p-l lg:space-y-m p-s pb-xs space-y-xs"> <div class="flex gap-y-xs items-center justify-center lt-lg:flex-col"> <p class="font-bold le-[23.375rem]:max-w-full le-[23.375rem]:overflow-hidden le-[23.375rem]:py-[0.2em] le-[23.375rem]:text-ellipsis lg:text-2 text-1 text-center trim"> Professional </p> </div> <a href="https://app.fastmail.com/signup/" target="_blank" class="*:py-xs active:bg-button-cta-bg-active bg-button-cta-bg block hover:bg-button-cta-bg-hover lt-lg:hidden rounded-md"> <p class="flex font-bold gap-x-xs items-center justify-center px-s py-s text-button-cta-fg text-center text-pretty whitespace-nowrap"> <span class="text-0 trim whitespace-normal">Try for free</span> </p> </a> </th> </tr> <tr class="lg:hidden"> <td colspan="3" class="border-b border-border-card border-x p-3xs"> <a href="https://app.fastmail.com/signup/" target="_blank" class="*:py-xs active:bg-button-cta-bg-active bg-button-cta-bg block hover:bg-button-cta-bg-hover rounded-md"> <p class="flex font-bold gap-x-xs items-center justify-center px-s py-s text-button-cta-fg text-center text-pretty whitespace-nowrap"> <span class="text-0 trim whitespace-normal">Try for free</span> </p> </a> </td> </tr> </thead> <tbody class="text-pretty"> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:hidden lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Mail, calendar and contacts storage</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <div class="mx-xs my-l space-y-xs text-center"> <p class="text-0 trim">5 GB of storage per user</p> </div> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <div class="mx-xs my-l space-y-xs text-center"> <p class="text-0 trim">50 GB of storage per user</p> </div> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <div class="mx-xs my-l space-y-xs text-center"> <p class="text-0 trim">100 GB of storage per user</p> </div> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:hidden lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">File storage</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <div class="mx-xs my-l space-y-xs text-center"> <p class="text-0 trim">1 GB of storage per user</p> </div> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <div class="mx-xs my-l space-y-xs text-center"> <p class="text-0 trim">10 GB of storage per user</p> </div> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <div class="mx-xs my-l space-y-xs text-center"> <p class="text-0 trim">50 GB of storage per user</p> </div> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Fast, secure email built by industry experts</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-787d20" role="graphics-symbol"> <title id="tick-fill-title-787d20"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-ae95cd" role="graphics-symbol"> <title id="tick-fill-title-ae95cd"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-7a30f5" role="graphics-symbol"> <title id="tick-fill-title-7a30f5"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Better privacy—no ads or tracking</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-f8f22f" role="graphics-symbol"> <title id="tick-fill-title-f8f22f"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-662557" role="graphics-symbol"> <title id="tick-fill-title-662557"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-9048fb" role="graphics-symbol"> <title id="tick-fill-title-9048fb"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Get organized with folders or labels</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-1eb0fd" role="graphics-symbol"> <title id="tick-fill-title-1eb0fd"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-9478be" role="graphics-symbol"> <title id="tick-fill-title-9478be"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-23c29b" role="graphics-symbol"> <title id="tick-fill-title-23c29b"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Many custom addresses on one account</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-e7e6d1" role="graphics-symbol"> <title id="tick-fill-title-e7e6d1"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-22b075" role="graphics-symbol"> <title id="tick-fill-title-22b075"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-e77773" role="graphics-symbol"> <title id="tick-fill-title-e77773"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Hide your real addresses with Masked Email</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-795ef4" role="graphics-symbol"> <title id="tick-fill-title-795ef4"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-27b2d8" role="graphics-symbol"> <title id="tick-fill-title-27b2d8"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-a3d799" role="graphics-symbol"> <title id="tick-fill-title-a3d799"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Email, calendars, and contacts in one mobile app</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-1dfbf8" role="graphics-symbol"> <title id="tick-fill-title-1dfbf8"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-7aa517" role="graphics-symbol"> <title id="tick-fill-title-7aa517"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-976699" role="graphics-symbol"> <title id="tick-fill-title-976699"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Superior spam blocking and spam settings</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-344915" role="graphics-symbol"> <title id="tick-fill-title-344915"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-f65557" role="graphics-symbol"> <title id="tick-fill-title-f65557"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-087f2f" role="graphics-symbol"> <title id="tick-fill-title-087f2f"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Customize your inbox with themes and dark mode</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-3a6460" role="graphics-symbol"> <title id="tick-fill-title-3a6460"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-f6e0a0" role="graphics-symbol"> <title id="tick-fill-title-f6e0a0"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-8bd781" role="graphics-symbol"> <title id="tick-fill-title-8bd781"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Easy migration from your old provider</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-b5203d" role="graphics-symbol"> <title id="tick-fill-title-b5203d"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-cf366e" role="graphics-symbol"> <title id="tick-fill-title-cf366e"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-59739e" role="graphics-symbol"> <title id="tick-fill-title-59739e"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Automatically sort your mail with rules</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-77f220" role="graphics-symbol"> <title id="tick-fill-title-77f220"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-96337a" role="graphics-symbol"> <title id="tick-fill-title-96337a"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-3c6708" role="graphics-symbol"> <title id="tick-fill-title-3c6708"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Create and share new calendars</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-626ba7" role="graphics-symbol"> <title id="tick-fill-title-626ba7"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-3b200d" role="graphics-symbol"> <title id="tick-fill-title-3b200d"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-ca1de0" role="graphics-symbol"> <title id="tick-fill-title-ca1de0"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Invite people to your calendar events</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-8b561a" role="graphics-symbol"> <title id="tick-fill-title-8b561a"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-5b3d9b" role="graphics-symbol"> <title id="tick-fill-title-5b3d9b"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-d7c570" role="graphics-symbol"> <title id="tick-fill-title-d7c570"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Color coordinate calendars or individual events</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-1153ad" role="graphics-symbol"> <title id="tick-fill-title-1153ad"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-91f96c" role="graphics-symbol"> <title id="tick-fill-title-91f96c"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-71a6f9" role="graphics-symbol"> <title id="tick-fill-title-71a6f9"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Bring in your contact list and auto-populate new contacts</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-5eebe9" role="graphics-symbol"> <title id="tick-fill-title-5eebe9"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-539be2" role="graphics-symbol"> <title id="tick-fill-title-539be2"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-900f20" role="graphics-symbol"> <title id="tick-fill-title-900f20"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Select VIPs to prioritize important contacts</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-c04a92" role="graphics-symbol"> <title id="tick-fill-title-c04a92"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-34289b" role="graphics-symbol"> <title id="tick-fill-title-34289b"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-848db4" role="graphics-symbol"> <title id="tick-fill-title-848db4"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Notification options that respect your time</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-144c28" role="graphics-symbol"> <title id="tick-fill-title-144c28"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-7cfe00" role="graphics-symbol"> <title id="tick-fill-title-7cfe00"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-5277d6" role="graphics-symbol"> <title id="tick-fill-title-5277d6"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Admin tools to manage additional users</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-d54e60" role="graphics-symbol"> <title id="tick-fill-title-d54e60"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-4b7c12" role="graphics-symbol"> <title id="tick-fill-title-4b7c12"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-3ecdc4" role="graphics-symbol"> <title id="tick-fill-title-3ecdc4"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Built on JMAP, powering the latest email innovations</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-0904a5" role="graphics-symbol"> <title id="tick-fill-title-0904a5"> Supported on Basic plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-096a8e" role="graphics-symbol"> <title id="tick-fill-title-096a8e"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-a55277" role="graphics-symbol"> <title id="tick-fill-title-a55277"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Use your own domains (you@yourname)</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-grey-80" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="cross-fill-title-393f78" role="graphics-symbol"> <title id="cross-fill-title-393f78"> Not supported on Basic plan </title> <use class="i-cross-fill" href="#i-cross-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-6e1b12" role="graphics-symbol"> <title id="tick-fill-title-6e1b12"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-b327e6" role="graphics-symbol"> <title id="tick-fill-title-b327e6"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Send emails ahead of time with Scheduled Send</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-grey-80" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="cross-fill-title-752d8a" role="graphics-symbol"> <title id="cross-fill-title-752d8a"> Not supported on Basic plan </title> <use class="i-cross-fill" href="#i-cross-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-75e101" role="graphics-symbol"> <title id="tick-fill-title-75e101"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-677757" role="graphics-symbol"> <title id="tick-fill-title-677757"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Deal with emails when you want with Snooze</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-grey-80" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="cross-fill-title-3fc3bd" role="graphics-symbol"> <title id="cross-fill-title-3fc3bd"> Not supported on Basic plan </title> <use class="i-cross-fill" href="#i-cross-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-e3e6d8" role="graphics-symbol"> <title id="tick-fill-title-e3e6d8"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-fa68a5" role="graphics-symbol"> <title id="tick-fill-title-fa68a5"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Mute threads you don’t want in your Inbox</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-grey-80" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="cross-fill-title-4cf5c7" role="graphics-symbol"> <title id="cross-fill-title-4cf5c7"> Not supported on Basic plan </title> <use class="i-cross-fill" href="#i-cross-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-8208ba" role="graphics-symbol"> <title id="tick-fill-title-8208ba"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-1b9d6b" role="graphics-symbol"> <title id="tick-fill-title-1b9d6b"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Use with third-party apps (ex. Outlook, iPhone Mail)</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-grey-80" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="cross-fill-title-137899" role="graphics-symbol"> <title id="cross-fill-title-137899"> Not supported on Basic plan </title> <use class="i-cross-fill" href="#i-cross-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-4ddffb" role="graphics-symbol"> <title id="tick-fill-title-4ddffb"> Supported on Standard plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-6def12" role="graphics-symbol"> <title id="tick-fill-title-6def12"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> <tr class="border-border-card duration-300 ease-in-out flex-wrap items-center justify-center lg:*:last:border-b lg:hover:bg-grey-100/5 lt-lg:even:bg-grey-100/5 lt-lg:flex lt-lg:w-[300%] transition-colors"> <th scope="row" class="basis-full border-border-card lg:border-l lg:last:border-r"> <p class="lt-lg:text-center m-l text-0 trim">Email retention for legal compliance</p> </th> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-grey-80" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="cross-fill-title-3cb9ad" role="graphics-symbol"> <title id="cross-fill-title-3cb9ad"> Not supported on Basic plan </title> <use class="i-cross-fill" href="#i-cross-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-grey-80" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="cross-fill-title-18496e" role="graphics-symbol"> <title id="cross-fill-title-18496e"> Not supported on Standard plan </title> <use class="i-cross-fill" href="#i-cross-fill"></use> </svg> </td> <td class="border-border-card flex-1 lg:border-l lg:last:border-r"> <svg xmlns="http://www.w3.org/2000/svg" class="lg:mt-l mb-l mx-auto size-icon-lg text-successgreen-100" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="tick-fill-title-3dcd6d" role="graphics-symbol"> <title id="tick-fill-title-3dcd6d"> Supported on Professional plan </title> <use class="i-tick-fill" href="#i-tick-fill"></use> </svg> </td> </tr> </tbody> </table> </div> </div> <section data-faq data-faq-for="personal" class="c-faq group my-10xl peer-has-[[value=business]:checked]:hidden prose-width space-y-s wrapper"> <header class="flex items-center justify-between not-prose"> <h2 class="font-semibold text-5 trim">Frequently asked questions</h2> <label> <input type="checkbox" name="expand-all" class="hidden-input peer"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-pointer hover:bg-grey-100/5 peer-[:checked]:rotate-45 rounded-full size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="plus-title-a55b6e" role="graphics-symbol"> <title id="plus-title-a55b6e">Expand all</title> <use class="i-plus" href="#i-plus"></use> </svg> </label> </header> <ul class="divide-border-medium divide-y flex flex-col"> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">Why pay for email?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> <p class="text-0 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, and no ads, ever.</p> </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">How do I move to Fastmail from another provider?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> <p class="text-0 trim">Smoothest migration you’ll ever have! We provide an import tool that walks you through it, a comprehensive migration guide, and free migration support if you need it.</p> </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">What will my new email address be?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> <p class="text-0 trim">If you have your own domain, your address can be anything @yourdomain. If you don’t own a domain, you can buy one with Fastmail. You can also choose from one of the free domains we offer, such as yourname@fastmail.com. Fastmail offers you hundreds of additional email addresses, so you can create new addresses at any time.</p> </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">How will I access my mail?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> Use Fastmail apps on the web or on all of your mobile devices. Log in at <a class="link" href="https://app.fastmail.com">app.fastmail.com</a> in your web browser or download the Fastmail mobile app on the App Store or Google Play. Fastmail will also work with your favorite email app, such as Outlook, iPhone Mail, or Thunderbird. </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">Can I share my domain with other users on my plan?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> <p class="text-0 trim">Yes. Everyone on your plan can make their own email addresses for any domain you have brought into Fastmail and have shared with them.</p> </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">What if I need more storage?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> <p class="text-0 trim">Each user comes with a generous 50 GB storage for mail, contacts, and calendars. If you need more, you can purchase up to 300 GB per user.</p> </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">What if my needs change later?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> <p class="text-0 trim">You can upgrade or downgrade your plan at any time; the new plan instantly comes into effect. A pro-rata credit for the remaining time of your previous plan will be deducted from the cost of your new plan.</p> </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">What types of payment do you accept?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> <p class="text-0 trim">We currently accept most major credit and debit cards, plus PayPal, Apple Pay, and Google Pay. We are unable to accept cash, cheques, bank transfers, or money orders.</p> </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">Do I need to sign a long-term contract?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> <p class="text-0 trim">No, you can cancel your account at any time and there will be no further payments required. Please note, we do not offer refunds for unused subscriptions, so please use your free trial to make sure Fastmail is right for you.</p> </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">What if I have more questions?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> Visit our comprehensive <a class="link" href="https://fastmail.help/hc/en-us/">help center</a> for more details. Our support team also has all the answers you need. <a class="link" href="https://support.fastmail.com/support/">Contact support</a> and get a response from an email specialist. </details> </li> </ul> </section> <section data-faq data-faq-for="business" class="c-faq group my-10xl peer-has-[[value=personal]:checked]:hidden prose-width space-y-s wrapper"> <header class="flex items-center justify-between not-prose"> <h2 class="font-semibold text-5 trim">Frequently asked questions</h2> <label> <input type="checkbox" name="expand-all" class="hidden-input peer"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-pointer hover:bg-grey-100/5 peer-[:checked]:rotate-45 rounded-full size-icon" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="plus-title-fda2f2" role="graphics-symbol"> <title id="plus-title-fda2f2">Expand all</title> <use class="i-plus" href="#i-plus"></use> </svg> </label> </header> <ul class="divide-border-medium divide-y flex flex-col"> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">Why pay for email?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> <p class="text-0 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, and no ads, ever.</p> </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">How do I move to Fastmail from another provider?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> <p class="text-0 trim">Smoothest migration you’ll ever have! We provide an import tool that walks you through it, a comprehensive migration guide, and free migration support if you need it.</p> </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">What will my new email address be?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> <p class="text-0 trim">If you have your own domain, your address can be anything @yourdomain. If you don’t own a domain, you can buy one with Fastmail. You can also choose from one of the free domains we offer, such as yourname@fastmail.com. Fastmail offers you hundreds of additional email addresses, so you can create new addresses at any time.</p> </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">How will I access my mail?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> Use Fastmail apps on the web or on all of your mobile devices. Log in at <a class="link" href="https://app.fastmail.com">app.fastmail.com</a> in your web browser or download the Fastmail mobile app on the App Store or Google Play. Fastmail will also work with your favorite email app, such as Outlook, iPhone Mail, or Thunderbird. </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">How can I save money on my plan?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> <p class="text-0 trim">Mix and match plans to save money for your company or organization. For example, a business owner could be on the Professional plan, with full-time employees on the Standard plan, and contractors using the Basic plan. Save each year by paying for 12 months in advance. You’ll also find two and three-year plans offered at checkout for even more savings.</p> </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">Can I share my domain with other users on my plan?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> <p class="text-0 trim">Yes. If you have at least one Standard or Professional user on your account, everyone on your plan can make their own email addresses using custom domains you have shared with them.</p> </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">What if I need more than 100 GB storage?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> <p class="text-0 trim">If you need more, you can purchase up to 300 GB per user.</p> </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">What if my needs change later?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> <p class="text-0 trim">You can upgrade or downgrade your plan at any time; the new plan instantly comes into effect. A pro-rata credit for the remaining time of your previous plan will be deducted from the cost of your new plan. You can also add or remove users at any time, with a pro-rata credit for any unused subscription.</p> </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">What types of payment do you accept?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> <p class="text-0 trim">We currently accept most major credit and debit cards, plus PayPal, Apple Pay, and Google Pay. We are unable to accept cash, cheques, bank transfers, or money orders.</p> </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">Do I need to sign a long-term contract?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> <p class="text-0 trim">No, you can cancel your account at any time and there will be no further payments required. Please note, we do not offer refunds for unused subscriptions, so please use your free trial to make sure Fastmail is right for you.</p> </details> </li> <li class="list-none m-0"> <details class="group open:pb-xl"> <summary class="cursor-pointer flex items-center justify-between py-l"> <p class="font-bold text-0 trim">What if I have more questions?</p> <svg xmlns="http://www.w3.org/2000/svg" class="group-open:rotate-180 size-icon" 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> Visit our comprehensive <a class="link" href="https://fastmail.help/hc/en-us/">help center</a> for more details. Our support team also has all the answers you need. <a class="link" href="https://support.fastmail.com/support/">Contact support</a> and get a response from an email specialist. </details> </li> </ul> </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 & 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>© 2025 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 src="/assets/images/play-store-_nKvx1K1d--135.svg" alt="Google Play" loading="lazy" decoding="async" width="135" height="40"> </a> </li> <li> <a href="https://apps.apple.com/us/app/fastmail-email-calendar/id931370077"> <img src="/assets/images/app-store-ZOqpK4vo0n-120.svg" alt="App Store" loading="lazy" decoding="async" 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-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-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-heart"> <svg 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> </g> <g id="i-app-files"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path class="appicon-secondary" d="M18.75,8.05a4.81,4.81,0,0,0-9.5,0A4,4,0,0,0,6,12a3.92,3.92,0,0,0,3.84,4h8.32A3.92,3.92,0,0,0,22,12,4,4,0,0,0,18.75,8.05Z"></path><path class="appicon-primary" d="M16.35,11.39A5.29,5.29,0,0,0,11,7a5.29,5.29,0,0,0-5.35,4.39A4.33,4.33,0,0,0,6.32,20h9.36a4.33,4.33,0,0,0,.67-8.61Z"></path> </svg> </g> <g id="i-user"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.49984 6C7.49984 3.51472 9.51456 1.5 11.9998 1.5C14.4851 1.5 16.4998 3.51472 16.4998 6C16.4998 8.48528 14.4851 10.5 11.9998 10.5C9.51456 10.5 7.49984 8.48528 7.49984 6Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.75109 20.1053C3.82843 15.6156 7.49183 12 11.9998 12C16.508 12 20.1714 15.6157 20.2486 20.1056C20.2537 20.4034 20.0822 20.676 19.8115 20.8002C17.4326 21.8918 14.7864 22.5 12.0002 22.5C9.2137 22.5 6.56728 21.8917 4.18816 20.7999C3.91749 20.6757 3.74596 20.4031 3.75109 20.1053Z"></path> </svg> </g> <g id="i-lock-closed"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path d="m15.5,10.75v-2.727c0-1.807-1.567-3.273-3.5-3.273s-3.5,1.465-3.5,3.273v2.727m-.7,8.5h8.4c.994,0,1.8-.761,1.8-1.7v-5.1c0-.939-.806-1.7-1.8-1.7H7.8c-.994,0-1.8.761-1.8,1.7v5.1c0,.939.806,1.7,1.8,1.7Z"></path> </svg> </g> <g id="i-storage"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path d="m18.125,7.817c0,1.694-2.742,3.067-6.125,3.067s-6.125-1.373-6.125-3.067m12.25,0c0-1.694-2.742-3.067-6.125-3.067s-6.125,1.373-6.125,3.067m12.25,0v8.365c0,1.694-2.742,3.067-6.125,3.067s-6.125-1.373-6.125-3.067V7.817m12.25,0v2.788m-12.25-2.788v2.788m12.25,0v2.788c0,1.694-2.742,3.067-6.125,3.067s-6.125-1.373-6.125-3.067v-2.788m12.25,0c0,1.694-2.742,3.067-6.125,3.067s-6.125-1.373-6.125-3.067"></path> </svg> </g> <g id="i-plus"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <line x1="12" y1="6" x2="12" y2="18"></line> <line x1="6" y1="12" x2="18" y2="12"></line> </svg> </g> <g id="i-globe"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path d="m12,19.75c3.61,0,6.644-2.469,7.505-5.81m-7.505,5.81c-3.61,0-6.644-2.469-7.505-5.81m7.505,5.81c2.14,0,3.875-3.47,3.875-7.75s-1.735-7.75-3.875-7.75m0,15.5c-2.14,0-3.875-3.47-3.875-7.75s1.735-7.75,3.875-7.75m0,0c2.898,0,5.424,1.59,6.754,3.946m-6.754-3.946c-2.898,0-5.424,1.59-6.754,3.946m13.508,0c-1.811,1.565-4.172,2.512-6.754,2.512s-4.943-.947-6.754-2.512m13.508,0c.634,1.124.996,2.422.996,3.804,0,.67-.085,1.32-.245,1.94m0,0c-2.224,1.233-4.782,1.935-7.505,1.935s-5.282-.702-7.505-1.935m0,0c-.16-.62-.245-1.27-.245-1.94,0-1.382.362-2.68.996-3.804"></path> </svg> </g> <g id="i-masked"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path d="M12,6.2C7.1,6.2,2,7.6,2,9.8v3.6c0,2.6,3.5,4.4,6.7,4.4c1.7,0,2.7-1.6,3.2-2.6c0-0.1,0.1-0.1,0.1-0.2 c0,0.1,0.1,0.1,0.1,0.2c0.5,1,1.5,2.6,3.2,2.6c2.8,0,6.7-2.1,6.7-4.2v-4C22,7.3,16.2,6.2,12,6.2z M8,13.5c-1.5,0-2.5-0.6-2.5-1.5 s1.1-1.5,2.5-1.5s2.5,0.6,2.5,1.5S9.4,13.5,8,13.5z M16,13.5c-1.5,0-2.5-0.6-2.5-1.5s1.1-1.5,2.5-1.5s2.5,0.6,2.5,1.5 S17.5,13.5,16,13.5z"></path> </svg> </g> <g id="i-calendar"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path d="m7.771,4.75v1.813m8.458-1.813v1.813m-11.479,10.875v-9.063c0-1.001.811-1.812,1.812-1.812h10.875c1.001,0,1.813.811,1.813,1.812v9.063m-14.5,0c0,1.001.811,1.812,1.812,1.812h10.875c1.001,0,1.813-.812,1.813-1.812m-14.5,0v-6.042c0-1.001.811-1.812,1.812-1.812h10.875c1.001,0,1.813.812,1.813,1.812v6.042"></path> </svg> </g> <g id="i-identification"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path d="m14.385,9.6h2.981m-2.981,2.4h2.981m-2.981,2.4h2.981m-11.327,3.6h11.923c.988,0,1.788-.806,1.788-1.8V7.8c0-.994-.801-1.8-1.788-1.8H6.038c-.988,0-1.788.806-1.788,1.8v8.4c0,.994.801,1.8,1.788,1.8Zm4.769-8.1c0,.828-.667,1.5-1.49,1.5s-1.49-.672-1.49-1.5.667-1.5,1.49-1.5,1.49.672,1.49,1.5Zm1.028,5.069c-.751.403-1.609.631-2.519.631s-1.768-.228-2.519-.631c.377-1.033,1.362-1.769,2.519-1.769s2.142.737,2.519,1.769Z"></path> </svg> </g> <g id="i-laptop-phone"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <line x1="4.75" y1="15.25" x2="9.583" y2="15.25"></line> <path d="m11.99,18.25h-6.24c-.55,0-1-.458-1-1.017v-1.983"></path> <polyline points="12.018 15.992 9.583 15.992 9.583 15.254"></polyline> <path d="m5.5,15.243V6.743c0-.552.448-1,1-1h11.5c.276,0,.5.224.5.5"></path> <rect x="14.75" y="10.25" width="5" height="9" rx="1" ry="1"></rect> </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-wrench-screwdriver"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path d="m11.559,14.344l4.33,4.33c.769.769,2.016.769,2.785,0s.769-2.016,0-2.785l-4.364-4.364m-2.75,2.819l1.854-2.251c.235-.285.549-.464.897-.568m-2.75,2.819l-3.457,4.197c-.359.436-.895.689-1.46.689-1.045,0-1.892-.847-1.892-1.892,0-.565.253-1.101.689-1.46l5.077-4.181m3.794-.173c.408-.122.863-.14,1.294-.104.094.008.189.012.285.012,1.846,0,3.342-1.496,3.342-3.342,0-.49-.106-.956-.295-1.375l-2.433,2.433c-.828-.19-1.481-.842-1.671-1.671l2.433-2.433c-.419-.19-.885-.295-1.376-.295-1.846,0-3.342,1.496-3.342,3.342,0,.096.004.191.012.285.067.799-.053,1.681-.672,2.191l-.076.062m-1.296,1.067l-3.049-3.049h-1.046l-1.671-2.785,1.114-1.114,2.785,1.671v1.046l3.163,3.163m-1.296,1.067l1.296-1.067m4.912,6.094l-1.949-1.949m-8.081,2.506h.006v.006h-.006v-.006Z"></path> </svg> </g> <g id="i-wallet"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path d="m19.25,12c0-.998-.812-1.807-1.813-1.807h-3.021c0,1.331-1.082,2.409-2.417,2.409s-2.417-1.079-2.417-2.409h-3.021c-1.001,0-1.813.809-1.813,1.807m14.5,0v4.818c0,.998-.812,1.807-1.813,1.807H6.562c-1.001,0-1.813-.809-1.813-1.807v-4.818m14.5,0v-2.409m-14.5,2.409v-2.409m14.5,0c0-.998-.812-1.807-1.813-1.807H6.562c-1.001,0-1.813.809-1.813,1.807m14.5,0v-2.409c0-.998-.812-1.807-1.813-1.807H6.562c-1.001,0-1.813.809-1.813,1.807v2.409"></path> </svg> </g> <g id="i-tick"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path d="M4.5 12.75L10.5 18.75L19.5 5.25"></path> </svg> </g> <g id="i-user-group"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path d="m16.769,17.057c.197.016.396.025.597.025.833,0,1.633-.143,2.377-.405.005-.063.008-.128.008-.192,0-1.321-1.068-2.391-2.385-2.391-.499,0-.962.154-1.345.416m.748,2.548c0,.008,0,.016,0,.025,0,.179-.01.356-.029.531-1.396.804-3.015,1.263-4.74,1.263s-3.344-.459-4.74-1.263c-.019-.174-.029-.351-.029-.531,0-.008,0-.016,0-.025m9.538,0c-.005-.938-.279-1.812-.748-2.548m0,0c-.847-1.329-2.332-2.21-4.021-2.21s-3.173.881-4.021,2.209m0,0c-.383-.262-.846-.416-1.344-.416-1.317,0-2.385,1.071-2.385,2.391,0,.065.003.129.008.192.744.263,1.544.405,2.377.405.201,0,.399-.008.596-.025m.748-2.549c-.47.737-.744,1.611-.748,2.549m7.154-9.541c0,1.321-1.068,2.391-2.385,2.391s-2.385-1.071-2.385-2.391,1.068-2.391,2.385-2.391,2.385,1.071,2.385,2.391Zm4.769,2.391c0,.99-.801,1.793-1.788,1.793s-1.788-.803-1.788-1.793.801-1.793,1.788-1.793,1.788.803,1.788,1.793Zm-10.731,0c0,.99-.801,1.793-1.788,1.793s-1.788-.803-1.788-1.793.801-1.793,1.788-1.793,1.788.803,1.788,1.793Z"></path> </svg> </g> <g id="i-share"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path d="m8.444,11.187c-.286-.513-.834-.86-1.463-.86-.924,0-1.673.749-1.673,1.673s.749,1.673,1.673,1.673c.629,0,1.177-.347,1.463-.86m0-1.625c.134.241.21.518.21.813s-.076.572-.21.813m0-1.625l7.113-3.952m-7.113,5.577l7.113,3.952m0,0c-.134.241-.21.518-.21.813,0,.924.749,1.673,1.673,1.673s1.673-.749,1.673-1.673-.749-1.673-1.673-1.673c-.629,0-1.177.347-1.463.86Zm0-9.529c.286.513.834.86,1.463.86.924,0,1.673-.749,1.673-1.673s-.749-1.673-1.673-1.673-1.673.749-1.673,1.673c0,.295.076.572.21.813Z"></path> </svg> </g> <g id="i-scheduled-send"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <g clip-path="url(#clip0_128_519)"> <path d="M14.5883 17.8221L19.4904 21.5001L21.5001 11.4573L11.4573 15.4744L12.3009 16.1077"></path> <path d="M16.4786 19.2918L14.5858 21.5001L14.5882 17.822L17.3647 15.5925"></path> <path d="M8.00354 11.2825H11.3104V6.88806"></path> <path d="M9.80774 18.3286C8.38471 18.1602 7.03681 17.6003 5.91504 16.7116C4.79328 15.8229 3.94195 14.6405 3.45644 13.2969C2.97092 11.9532 2.87039 10.5014 3.16611 9.10397C3.46183 7.70658 4.14211 6.41885 5.13076 5.38502C6.1194 4.35119 7.37736 3.6121 8.7637 3.25055C10.15 2.889 11.61 2.91927 12.9801 3.33796C14.3501 3.75666 15.5762 4.54724 16.5208 5.62115C17.4655 6.69506 18.0914 8.00987 18.3286 9.41831"></path> </g> <defs> <clipPath id="clip0_128_519"> <rect width="100%" height="100%" fill="white"></rect> </clipPath> </defs> </svg> </g> <g id="i-folder-locked"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path d="m18.179,15.821v-1.169c0-.775-.672-1.403-1.5-1.403s-1.5.628-1.5,1.403v1.169m-.3,3.429h3.6c.426,0,.771-.307.771-.686v-2.057c0-.379-.345-.686-.771-.686h-3.6c-.426,0-.771.307-.771.686v2.057c0,.379.345.686.771.686Z"></path> <path d="m11,17.8h-4.8c-.797,0-1.45-.652-1.45-1.45V7.65c0-.797.653-1.45,1.45-1.45h11.6c.798,0,1.45.653,1.45,1.45v2.35"></path> <polyline points="19.25 7.65 12 12.725 4.75 7.65"></polyline> </svg> </g> <g id="i-tick-fill"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <polyline points="7.13 13.19 10.26 16.25 16.88 7.75"></polyline> </svg> </g> <g id="i-cross-fill"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <line x1="16" y1="8" x2="8" y2="16" clip-path="inset(-1)"></line> <line x1="8" y1="8" x2="16" y2="16"></line> </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>