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>Pobox is now part of Fastmail | Fastmail</title><meta property="og:title" content="Pobox is now part of Fastmail"><meta name="twitter:title" content="Pobox is now part of Fastmail"><link rel="canonical" href="https://www.fastmail.com/pobox/"><meta property="og:url" content="https://www.fastmail.com/pobox/"><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="Pobox has been discontinued as a separate service, and all existing customers moved to the Fastmail platform."><meta property="og:description" content="Pobox has been discontinued as a separate service, and all existing customers moved to the Fastmail platform."><meta name="twitter:description" content="Pobox has been discontinued as a separate service, and all existing customers moved to the Fastmail platform."><meta property="og:type" content="website"><meta property="eleventy:path" content="./source/pages/pobox.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/abnoZW6atf.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/zHnbISNw-U.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-925d2b" role="graphics-symbol"> <title id="external-link-title-925d2b">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-d08a41" role="graphics-symbol"> <title id="external-link-title-d08a41">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 c-hero-side-by-side grid-wrapper hero-mellow-yellow overflow-clip pb-3xl pt-[calc(var(--fluid-space-xl-7xl)+var(--header-height))] relative space-y-2xl"> <div class="flex gap-x-xl gap-y-2xl items-start lt-lg:flex-col lt-lg:items-center"> <header class="lg:basis-4/12 lg:pt-4xl lt-lg:text-center space-y-3xl"> <div class="space-y-xl"> <h1 class="font-serif text-8 trim"><span class="text-deepblue-100">Pobox is now part of </span><span class="text-blue-100">Fastmail</span></h1> <p class="text-2 trim">Pobox has been discontinued as a separate service, and all existing customers moved to the Fastmail platform.</p> </div> <div> <a href="https://app.fastmail.com/signup/"> <p class="active:bg-button-cta-bg-active bg-button-cta-bg focus-visible:outline focus-visible:outline-2 focus-visible:outline-button-cta-outline font-bold hover:bg-button-cta-bg-hover inline-block px-2xl py-s rounded-lg shadow-button text-0 text-center text-white trim whitespace-nowrap"> Try free for 30 days </p> </a> <p class="mt-m text-min-1 trim">No obligation, no credit card required.</p> </div> </header> <div class="lg:basis-8/12 relative"> <svg xmlns="http://www.w3.org/2000/svg" class="big c-hero-side-by-side--imageAnimated" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-spinning-ring" href="#i-spinning-ring"></use> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="c-hero-side-by-side--imageAnimated small" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-spinning-ring" href="#i-spinning-ring"></use> </svg> <picture class="c-hero-side-by-side--image desktop lt-lg:hidden relative"><source type="image/webp" srcset="/assets/images/Pobox-bHBOdJqG2Q-816.webp 816w, /assets/images/Pobox-bHBOdJqG2Q-1632.webp 1632w" sizes="100vw"><img src="/assets/images/Pobox-bHBOdJqG2Q-816.png" alt loading="eager" decoding="sync" width="1632" height="1115" srcset="/assets/images/Pobox-bHBOdJqG2Q-816.png 816w, /assets/images/Pobox-bHBOdJqG2Q-1632.png 1632w" sizes="100vw"></picture> <picture class="c-hero-side-by-side--image lg:hidden mobile relative"><source type="image/webp" srcset="/assets/images/Pobox-Sml-8qEWcsan---963.webp 963w, /assets/images/Pobox-Sml-8qEWcsan---1280.webp 1280w" sizes="100vw"><img src="/assets/images/Pobox-Sml-8qEWcsan---963.png" alt loading="eager" decoding="sync" width="1280" height="1200" srcset="/assets/images/Pobox-Sml-8qEWcsan---963.png 963w, /assets/images/Pobox-Sml-8qEWcsan---1280.png 1280w" sizes="100vw"></picture> </div> </div> </section> <div class="c-pobox-section--drip flex justify-center relative w-full z-10"> <div class="-z-10 absolute flex flex-1 flex-col inset-0 lt-max:hidden"> <div class="bg-mellow-yellow flex-1"></div> <div class="flex-1"></div> </div> <picture class="lt-md:hidden max-w-screen-max w-full"><source type="image/webp" srcset="/assets/images/Pobox-4mwUrlckBE-1480.webp 1480w, /assets/images/Pobox-4mwUrlckBE-2960.webp 2960w" sizes="1480px"><img src="/assets/images/Pobox-4mwUrlckBE-1480.png" alt loading="eager" decoding="sync" width="2960" height="664" srcset="/assets/images/Pobox-4mwUrlckBE-1480.png 1480w, /assets/images/Pobox-4mwUrlckBE-2960.png 2960w" sizes="1480px"></picture> <picture class="md:hidden w-full"><source type="image/webp" srcset="/assets/images/Pobox-Sml-uDx1MwDxX--1024.webp 1024w" sizes="100vw"><img src="/assets/images/Pobox-Sml-uDx1MwDxX--1024.png" alt loading="eager" decoding="sync" width="1024" height="473"></picture> </div> <section class="bg-dark-gradient c-pobox-section drip-overlap overflow-clip relative space-y-8xl"> <div class="*:relative gap-y-5xl grid-wrapper"> <h2 class="font-serif max-w-[51rem] mx-auto relative text-4 text-center text-white trim z-10"> We’re confident that your email experience will be richer, more secure, and more powerful than ever before. </h2> <div class="gap-xl grid grid-cols-card justify-center z-10"> <a href="https://www.fastmail.help/hc/en-us/articles/9822848635919-Guide-to-Fastmail-for-Pobox-users" class="c-card group"> <div class="bg-page-bg border border-border-medium fine:duration-500 fine:ease-out-expo fine:group-hover:shadow-[--shadow-color] fine:group-hover:shadow-card fine:transition-shadow h-full p-2xl rounded-2xl space-y-xl"> <span class="bg-accent inline-flex p-fx-2 rounded-full"> <svg class="i-heart size-icon-lg stroke-[1.5] text-white" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path d="M18.2 12 12 18.44 5.8 12a3.822 3.822 0 0 1 .14-5.4 3.822 3.822 0 0 1 5.4.14c.27.28.49.61.67.96.92-1.9 3.2-2.69 5.1-1.77 1.9.92 2.69 3.2 1.77 5.1-.17.35-.4.68-.67.96l-.01.01Z"></path> </svg> </span> <h3 class="font-bold text-2 trim">Are you a previous Pobox customer?</h3> <p class="text-1 trim">We’ve emailed you everything you need to know, and you can read more about what this means for you.</p> <p class="max-w-max text-1 text-pretty trim whitespace-nowrap"> <span class="group-hover:link-underline link whitespace-normal"> Learn more</span> <svg class="align-text-bottom i-arrow-right inline size-icon stroke-accent" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path d="M4.75 11.75H19.25"></path> <path d="M14.4199 6.91992L19.2499 11.7499L14.4199 16.5799"></path> </svg> </p> </div> </a> <a href="https://app.fastmail.com/signup/" class="c-card group"> <div class="bg-page-bg border border-border-medium fine:duration-500 fine:ease-out-expo fine:group-hover:shadow-[--shadow-color] fine:group-hover:shadow-card fine:transition-shadow h-full p-2xl rounded-2xl space-y-xl"> <span class="bg-accent inline-flex p-fx-2 rounded-full"> <svg class="i-letter size-icon-lg stroke-[1.5] text-white" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path d="M6.2 6.2h11.5c.8 0 1.5.7 1.5 1.5v8.5c0 .8-.7 1.5-1.5 1.5H6.2c-.8 0-1.5-.7-1.5-1.5V7.8c.1-.9.7-1.6 1.5-1.6z"></path> <path d="m19 7.5-7 5-7-5"></path> </svg> </span> <h3 class="font-bold text-2 trim">Looking for a great new email address?</h3> <p class="text-1 trim">Sign up for a Fastmail account today and get a professional <span class="font-semibold">@pobox.com</span> email address.</p> <p class="max-w-max text-1 text-pretty trim whitespace-nowrap"> <span class="group-hover:link-underline link whitespace-normal"> Sign up</span> <svg class="align-text-bottom i-arrow-right inline size-icon stroke-accent" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path d="M4.75 11.75H19.25"></path> <path d="M14.4199 6.91992L19.2499 11.7499L14.4199 16.5799"></path> </svg> </p> </div> </a> </div> </div> <div class="space-y-3xl"> <div class="[--app-switcher-width:29.25rem] c-app-switcher group/app-switcher mt-5xl relative space-y-m"> <div class="pointer-events-none relative wrapper z-10"> <fieldset class="bg-white dark:bg-blue-170 drop-shadow-lg flex items-center justify-between max-w-[--app-switcher-width] mx-auto p-fx-0_5 pointer-events-auto rounded-[2.5rem]"> <label class="basis-1/3 border border-transparent cursor-pointer dark:has-[:checked]:bg-lightblue-160 dark:has-[:checked]:border-lightblue-130 dark:hover:bg-lightblue-160 duration-300 ease-out-expo h-full has-[:checked]:bg-lightblue-20 has-[:checked]:border-lightblue-80 has-[:focus-visible]:outline has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-lightblue-100 hover:bg-lightblue-10 p-3xs relative rounded-[2.5rem] transition-colors"> <input tabindex="0" class="hidden-input peer" type="radio" name="app-switcher" id="mail" checked> <div class="dark:peer-[:checked]:text-grey-15 dark:text-grey-40 flex flex-wrap gap-3xs items-center justify-center peer-[:checked]:font-bold peer-[:checked]:text-accent text-fg-subtle whitespace-nowrap"> <svg class="-mt-px dark:[--appicon-primary:--brand-color-lightblue-60] dark:[--appicon-secondary:--brand-color-lightblue-100] i-app-mail size-icon stroke-none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path class="appicon-secondary" d="M12 13.18L2 6.37V20z"></path><path class="appicon-primary" d="M2 20h19.3a.71.71 0 0 0 .7-.72V6.37z"></path> </svg> <span class="lt-[23rem]:basis-full text-center text-min-1 trim">Mail</span> </div> </label> <label class="basis-1/3 border border-transparent cursor-pointer dark:has-[:checked]:bg-lightblue-160 dark:has-[:checked]:border-lightblue-130 dark:hover:bg-lightblue-160 duration-300 ease-out-expo h-full has-[:checked]:bg-lightblue-20 has-[:checked]:border-lightblue-80 has-[:focus-visible]:outline has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-lightblue-100 hover:bg-lightblue-10 p-3xs relative rounded-[2.5rem] transition-colors"> <input tabindex="0" class="hidden-input peer" type="radio" name="app-switcher" id="contacts"> <div class="dark:peer-[:checked]:text-grey-15 dark:text-grey-40 flex flex-wrap gap-3xs items-center justify-center peer-[:checked]:font-bold peer-[:checked]:text-accent text-fg-subtle whitespace-nowrap"> <svg class="-mt-px dark:[--appicon-primary:--brand-color-lightblue-60] dark:[--appicon-secondary:--brand-color-lightblue-100] i-app-contacts size-icon stroke-none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <circle cx="16" cy="7.5" r="3.5" class="appicon-secondary"></circle><path class="appicon-secondary" d="M22 18.28A6.15 6.15 0 0 0 16 12a6.15 6.15 0 0 0-6 6.28V20h12z"></path><circle cx="8" cy="7.5" r="3.5" class="appicon-primary"></circle><path class="appicon-primary" d="M14 18.28A6.15 6.15 0 0 0 8 12a6.15 6.15 0 0 0-6 6.28V20h12z"></path> </svg> <span class="lt-[23rem]:basis-full text-center text-min-1 trim">Contacts</span> </div> </label> <label class="basis-1/3 border border-transparent cursor-pointer dark:has-[:checked]:bg-lightblue-160 dark:has-[:checked]:border-lightblue-130 dark:hover:bg-lightblue-160 duration-300 ease-out-expo h-full has-[:checked]:bg-lightblue-20 has-[:checked]:border-lightblue-80 has-[:focus-visible]:outline has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-lightblue-100 hover:bg-lightblue-10 p-3xs relative rounded-[2.5rem] transition-colors"> <input tabindex="0" class="hidden-input peer" type="radio" name="app-switcher" id="calendar"> <div class="dark:peer-[:checked]:text-grey-15 dark:text-grey-40 flex flex-wrap gap-3xs items-center justify-center peer-[:checked]:font-bold peer-[:checked]:text-accent text-fg-subtle whitespace-nowrap"> <svg class="-mt-px dark:[--appicon-primary:--brand-color-lightblue-60] dark:[--appicon-secondary:--brand-color-lightblue-100] i-app-calendar size-icon stroke-none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path class="appicon-primary" d="M2 8h20v11.11a.89.89 0 0 1-.89.89H2.89a.89.89 0 0 1-.89-.89V8z"></path><path class="appicon-secondary" d="M2.82 6h18.36a.82.82 0 0 1 .82.82V8H2V6.82A.82.82 0 0 1 2.82 6zM6 4a1 1 0 0 1 1 1v1H5V5a1 1 0 0 1 1-1zM18 4a1 1 0 0 1 1 1v1h-2V5a1 1 0 0 1 1-1z"></path> </svg> <span class="lt-[23rem]:basis-full text-center text-min-1 trim">Calendar</span> </div> </label> </fieldset> </div> <div class="hero-grid relative z-0"> <div class="col-[7/9] justify-self-center lg:col-[-4] md:-top-[57px] md:col-[-3] md:justify-self-end md:row-[1] md:self-start ns:hidden relative row-[2] self-end z-10"> <label class="bg-white/10 cursor-pointer dark:bg-grey-170/40 dark:hover:bg-grey-170/50 flex group/theme hover:bg-white/20 items-center justify-center rounded-full select-none size-icon-lg theme-toggle"> <input type="checkbox" class="hidden-input peer" id="theme-toggle" name="theme-toggle" title="Toggles light & dark" aria-label="auto" aria-live="polite"> <svg aria-hidden="true" viewbox="0 0 24 24" class="size-icon"> <circle class="sun" cx="12" cy="12" r="3.5" fill="#ADB1B5" stroke="none"></circle> <path class="moon" d="M19.25 14.612C18.331 14.995 17.345 15.192 16.349 15.19C12.185 15.19 8.81 11.815 8.81 7.651C8.81 6.623 9.016 5.643 9.388 4.75C6.579 5.922 4.75 8.667 4.75 11.711C4.75 15.875 8.125 19.25 12.289 19.25C15.333 19.25 18.078 17.421 19.25 14.612Z" fill="#ADB1B5" stroke="#ADB1B5" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"></path> <path class="sun-beams" d="M12.0008 3.7998V5.8998M17.7008 6.1998L16.2008 7.6998M20.2008 11.9998H18.2008M17.8008 17.7998L16.3008 16.2998M12.0008 18.1998V20.1998M7.60078 16.2998L6.10078 17.7998M5.80078 11.9998H3.80078M7.60078 7.5998L6.20078 6.1998" stroke="#ADB1B5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </label> </div> <div class="-z-10 *:-translate-x-[45%] *:-translate-y-[10%] *:absolute *:max-w-[--grid-max-width] *:w-full col-[1] lg:col-[4] md:col-[3] row-[1]"> <img src="/assets/images/hero-pink-circle-yxN3wz0h6K-1184.svg" alt loading="eager" decoding="sync" width="1184" height="1184"> </div> <div class="-z-10 *:-translate-x-[70%] *:absolute *:max-w-[--grid-max-width] *:scale-[0.3] *:translate-y-[20%] *:w-full col-[14] lg:*:-translate-y-[30%] lg:col-[13] md:*:-translate-x-[55%] md:*:-translate-y-[25%] row-[1]"> <img src="/assets/images/hero-yellow-circle-6K3ygIt-Gr-368.svg" alt loading="eager" decoding="sync" width="368" height="368"> </div> <div class="-z-10 *:-translate-x-[15%] *:-translate-y-[40%] *:absolute *:max-w-[--grid-max-width] *:w-full col-[4] lt-md:hidden row-[1]"> <img src="/assets/images/hero-shapes-xuGAtirbcA-1480.svg" alt loading="eager" decoding="sync" width="1480" height="1399"> </div> <div class="col-[2/-2] duration-700 ease-out-expo lg:col-[3/-3] lt-md:hidden mail-hero opacity-0 relative row-[1] transition-opacity"> <picture><source type="image/webp" srcset="/assets/images/Mail-CIuzxs2TyX-964.webp 964w, /assets/images/Mail-CIuzxs2TyX-1044.webp 1044w, /assets/images/Mail-CIuzxs2TyX-1928.webp 1928w, /assets/images/Mail-CIuzxs2TyX-2088.webp 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"><img src="/assets/images/Mail-CIuzxs2TyX-964.png" alt="Screenshot of the Fastmail mail app" loading="eager" decoding="sync" class="absolute dark:opacity-0 dark:pointer-events-none duration-700 ease-out-expo inset-0 transition-opacity" width="2088" height="1209" srcset="/assets/images/Mail-CIuzxs2TyX-964.png 964w, /assets/images/Mail-CIuzxs2TyX-1044.png 1044w, /assets/images/Mail-CIuzxs2TyX-1928.png 1928w, /assets/images/Mail-CIuzxs2TyX-2088.png 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"></picture> <picture><source type="image/webp" srcset="/assets/images/Mail-DM-X7qLIkR824-964.webp 964w, /assets/images/Mail-DM-X7qLIkR824-1044.webp 1044w, /assets/images/Mail-DM-X7qLIkR824-1928.webp 1928w, /assets/images/Mail-DM-X7qLIkR824-2088.webp 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"><img src="/assets/images/Mail-DM-X7qLIkR824-964.png" alt="Screenshot of the Fastmail mail app" loading="eager" decoding="sync" class="duration-700 ease-out-expo light:opacity-0 light:pointer-events-none transition-opacity" width="2088" height="1209" srcset="/assets/images/Mail-DM-X7qLIkR824-964.png 964w, /assets/images/Mail-DM-X7qLIkR824-1044.png 1044w, /assets/images/Mail-DM-X7qLIkR824-1928.png 1928w, /assets/images/Mail-DM-X7qLIkR824-2088.png 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"></picture> </div> <div class="col-[2/-2] contacts-hero duration-700 ease-out-expo lg:col-[3/-3] lt-md:hidden opacity-0 relative row-[1] transition-opacity"> <picture><source type="image/webp" srcset="/assets/images/Contacts-25D2P6rx1w-964.webp 964w, /assets/images/Contacts-25D2P6rx1w-1044.webp 1044w, /assets/images/Contacts-25D2P6rx1w-1928.webp 1928w, /assets/images/Contacts-25D2P6rx1w-2088.webp 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"><img src="/assets/images/Contacts-25D2P6rx1w-964.png" alt="Screenshot of the Fastmail contacts app" loading="lazy" decoding="async" class="absolute dark:opacity-0 dark:pointer-events-none duration-700 ease-out-expo inset-0 transition-opacity" width="2088" height="1209" srcset="/assets/images/Contacts-25D2P6rx1w-964.png 964w, /assets/images/Contacts-25D2P6rx1w-1044.png 1044w, /assets/images/Contacts-25D2P6rx1w-1928.png 1928w, /assets/images/Contacts-25D2P6rx1w-2088.png 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"></picture> <picture><source type="image/webp" srcset="/assets/images/Contacts-DM-VQU9xGvypb-964.webp 964w, /assets/images/Contacts-DM-VQU9xGvypb-1044.webp 1044w, /assets/images/Contacts-DM-VQU9xGvypb-1928.webp 1928w, /assets/images/Contacts-DM-VQU9xGvypb-2088.webp 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"><img src="/assets/images/Contacts-DM-VQU9xGvypb-964.png" alt="Screenshot of the Fastmail contacts app" loading="lazy" decoding="async" class="duration-700 ease-out-expo light:opacity-0 light:pointer-events-none transition-opacity" width="2088" height="1209" srcset="/assets/images/Contacts-DM-VQU9xGvypb-964.png 964w, /assets/images/Contacts-DM-VQU9xGvypb-1044.png 1044w, /assets/images/Contacts-DM-VQU9xGvypb-1928.png 1928w, /assets/images/Contacts-DM-VQU9xGvypb-2088.png 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"></picture> </div> <div class="calendar-hero col-[2/-2] duration-700 ease-out-expo lg:col-[3/-3] lt-md:hidden opacity-0 relative row-[1] transition-opacity"> <picture><source type="image/webp" srcset="/assets/images/Calendar-Nx-Fz_6Hsr-964.webp 964w, /assets/images/Calendar-Nx-Fz_6Hsr-1044.webp 1044w, /assets/images/Calendar-Nx-Fz_6Hsr-1928.webp 1928w, /assets/images/Calendar-Nx-Fz_6Hsr-2088.webp 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"><img src="/assets/images/Calendar-Nx-Fz_6Hsr-964.png" alt="Screenshot of the Fastmail calendar app" loading="lazy" decoding="async" class="absolute dark:opacity-0 dark:pointer-events-none duration-700 ease-out-expo inset-0 transition-opacity" width="2088" height="1209" srcset="/assets/images/Calendar-Nx-Fz_6Hsr-964.png 964w, /assets/images/Calendar-Nx-Fz_6Hsr-1044.png 1044w, /assets/images/Calendar-Nx-Fz_6Hsr-1928.png 1928w, /assets/images/Calendar-Nx-Fz_6Hsr-2088.png 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"></picture> <picture><source type="image/webp" srcset="/assets/images/Calendar-DM-AvlxqsvWz1-964.webp 964w, /assets/images/Calendar-DM-AvlxqsvWz1-1044.webp 1044w, /assets/images/Calendar-DM-AvlxqsvWz1-1928.webp 1928w, /assets/images/Calendar-DM-AvlxqsvWz1-2088.webp 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"><img src="/assets/images/Calendar-DM-AvlxqsvWz1-964.png" alt="Screenshot of the Fastmail calendar app" loading="lazy" decoding="async" class="duration-700 ease-out-expo light:opacity-0 light:pointer-events-none transition-opacity" width="2088" height="1209" srcset="/assets/images/Calendar-DM-AvlxqsvWz1-964.png 964w, /assets/images/Calendar-DM-AvlxqsvWz1-1044.png 1044w, /assets/images/Calendar-DM-AvlxqsvWz1-1928.png 1928w, /assets/images/Calendar-DM-AvlxqsvWz1-2088.png 2088w" sizes="(min-width: 64rem) 1044px, (min-width: 48rem) 964px"></picture> </div> <div class="col-span-full duration-700 ease-out-expo mail-hero md:hidden mx-gutter opacity-0 relative row-[1] self-end transition-opacity"> <picture><source type="image/webp" srcset="/assets/images/Mail-OyaWNUgjUy-468.webp 468w, /assets/images/Mail-OyaWNUgjUy-936.webp 936w" sizes="468px"><img src="/assets/images/Mail-OyaWNUgjUy-468.png" alt="Screenshot of the Fastmail mail app" loading="eager" decoding="sync" class="absolute dark:opacity-0 dark:pointer-events-none duration-700 ease-out-expo inset-0 max-w-[min(100%,var(--app-switcher-width))] mx-auto px-fx-5 transition-opacity" width="936" height="1560" srcset="/assets/images/Mail-OyaWNUgjUy-468.png 468w, /assets/images/Mail-OyaWNUgjUy-936.png 936w" sizes="468px"></picture> <picture><source type="image/webp" srcset="/assets/images/Mail-DM-RbiiN-z478-468.webp 468w, /assets/images/Mail-DM-RbiiN-z478-936.webp 936w" sizes="468px"><img src="/assets/images/Mail-DM-RbiiN-z478-468.png" alt="Screenshot of the Fastmail mail app" loading="eager" decoding="sync" class="duration-700 ease-out-expo light:opacity-0 light:pointer-events-none max-w-[min(100%,var(--app-switcher-width))] mx-auto px-fx-5 transition-opacity" width="936" height="1560" srcset="/assets/images/Mail-DM-RbiiN-z478-468.png 468w, /assets/images/Mail-DM-RbiiN-z478-936.png 936w" sizes="468px"></picture> </div> <div class="col-span-full contacts-hero duration-700 ease-out-expo md:hidden mx-gutter opacity-0 relative row-[1] self-end transition-opacity"> <picture><source type="image/webp" srcset="/assets/images/Contacts-vYo5OeWlNw-468.webp 468w, /assets/images/Contacts-vYo5OeWlNw-936.webp 936w" sizes="468px"><img src="/assets/images/Contacts-vYo5OeWlNw-468.png" alt="Screenshot of the Fastmail contacts app" loading="lazy" decoding="async" class="absolute dark:opacity-0 dark:pointer-events-none duration-700 ease-out-expo inset-0 max-w-[min(100%,var(--app-switcher-width))] mx-auto px-fx-5 transition-opacity" width="936" height="1560" srcset="/assets/images/Contacts-vYo5OeWlNw-468.png 468w, /assets/images/Contacts-vYo5OeWlNw-936.png 936w" sizes="468px"></picture> <picture><source type="image/webp" srcset="/assets/images/Contacts-DM-emJ2AiWGrC-468.webp 468w, /assets/images/Contacts-DM-emJ2AiWGrC-936.webp 936w" sizes="468px"><img src="/assets/images/Contacts-DM-emJ2AiWGrC-468.png" alt="Screenshot of the Fastmail contacts app" loading="lazy" decoding="async" class="duration-700 ease-out-expo light:opacity-0 light:pointer-events-none max-w-[min(100%,var(--app-switcher-width))] mx-auto px-fx-5 transition-opacity" width="936" height="1560" srcset="/assets/images/Contacts-DM-emJ2AiWGrC-468.png 468w, /assets/images/Contacts-DM-emJ2AiWGrC-936.png 936w" sizes="468px"></picture> </div> <div class="calendar-hero col-span-full duration-700 ease-out-expo md:hidden mx-gutter opacity-0 relative row-[1] self-end transition-opacity"> <picture><source type="image/webp" srcset="/assets/images/Calendar-6MUCqPDJYe-468.webp 468w, /assets/images/Calendar-6MUCqPDJYe-936.webp 936w" sizes="468px"><img src="/assets/images/Calendar-6MUCqPDJYe-468.png" alt="Screenshot of the Fastmail calendar app" loading="lazy" decoding="async" class="absolute dark:opacity-0 dark:pointer-events-none duration-700 ease-out-expo inset-0 max-w-[min(100%,var(--app-switcher-width))] mx-auto px-fx-5 transition-opacity" width="936" height="1560" srcset="/assets/images/Calendar-6MUCqPDJYe-468.png 468w, /assets/images/Calendar-6MUCqPDJYe-936.png 936w" sizes="468px"></picture> <picture><source type="image/webp" srcset="/assets/images/Calendar-DM-rPtRJHRlVx-468.webp 468w, /assets/images/Calendar-DM-rPtRJHRlVx-936.webp 936w" sizes="468px"><img src="/assets/images/Calendar-DM-rPtRJHRlVx-468.png" alt="Screenshot of the Fastmail calendar app" loading="lazy" decoding="async" class="duration-700 ease-out-expo light:opacity-0 light:pointer-events-none max-w-[min(100%,var(--app-switcher-width))] mx-auto px-fx-5 transition-opacity" width="936" height="1560" srcset="/assets/images/Calendar-DM-rPtRJHRlVx-468.png 468w, /assets/images/Calendar-DM-rPtRJHRlVx-936.png 936w" sizes="468px"></picture> </div> </div> </div> <div class="flex flex-wrap gap-3xl justify-center overflow-clip pb-s relative text-min-1 text-white z-10"> <div class="basis-[30ch] space-y-s text-center"> <div class="flex justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg> </div> <p class="text-min-1 trim">“I have used Fastmail for years and never had one problem. Not one.”</p> </div> <div class="basis-[30ch] lt-md:hidden space-y-s text-center"> <div class="flex justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg> </div> <p class="text-min-1 trim">“I migrated from Google Workspace to Fastmail and would never go back.”</p> </div> <div class="basis-[30ch] lt-lg:hidden space-y-s text-center"> <div class="flex justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-yellow-100 size-icon-sm stroke-yellow-100" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-hidden="true"> <use class="i-star" href="#i-star"></use> </svg> </div> <p class="text-min-1 trim">“I've been using Fastmail for more than ten years. I couldn't be happier.”</p> </div> </div> </div> </section> <section class="bg-dark-gradient c-customer-quotes gap-y-6xl grid-wrapper lg:before:-z-10 lg:before:absolute lg:before:bg-mellow-yellow lg:before:h-[--section-card-overlap] lg:before:right-0 lg:before:top-0 lg:before:w-1/2 md:min-h-[64rem] place-content-center relative section-card"> <header class="space-y-2xl text-center"> <h2 class="font-serif max-w-[25ch] mx-auto text-8 text-balance trim"> <span class="text-accent-better">Better</span> isn’t easy to describe, but you know it when you see it </h2> </header> <div class="flex flex-wrap gap-xl justify-center"> <div class="background-wrapper quote-1 relative z-10"> <div class="bg-white flex flex-col gap-m h-full justify-between max-w-[396px] p-xl relative rounded-xl shadow-lg z-10"> <blockquote class="after:content-[close-quote] after:sr-only before:absolute before:align-text-bottom before:content-[open-quote] before:font-serif before:leading-[0.1em] before:text-[4em] before:text-blue-100 before:top-[0.53em] items-start relative"> <p class="font-light font-serif inline ml-[1.5em] text-2"> Best alternative to Gmail and iCloud for email, calendars, and contacts! </p> </blockquote> <div class="flex items-center"> <div class="flex-grow space-y-xs"> <p class="font-semibold text-min-1 trim">Jon Henshaw</p> <p class="text-grey-80 text-min-3 trim">Founder of Coywolf</p> </div> <div class="min-w-[44px] overflow-hidden rounded-full size-[44px]"> <picture><source type="image/webp" srcset="/assets/images/jon-iwT0NCdpfM-177.webp 177w"><img src="/assets/images/jon-iwT0NCdpfM-177.png" alt="Profile picture of Jon Henshaw" loading="lazy" decoding="async" class="object-cover size-[44px]" width="177" height="176"></picture> </div> </div> </div> </div> <div class="background-wrapper quote-2 relative z-10"> <div class="bg-white flex flex-col gap-m h-full justify-between max-w-[396px] p-xl relative rounded-xl shadow-lg z-10"> <blockquote class="after:content-[close-quote] after:sr-only before:absolute before:align-text-bottom before:content-[open-quote] before:font-serif before:leading-[0.1em] before:text-[4em] before:text-blue-100 before:top-[0.53em] items-start relative"> <p class="font-light font-serif inline ml-[1.5em] text-2"> I have used Fastmail for years and found them consistently excellent. </p> </blockquote> <div class="flex items-center"> <div class="flex-grow space-y-xs"> <p class="font-semibold text-min-1 trim">Dylan Beattie</p> <p class="text-grey-80 text-min-3 trim">Creator of the Rockstar programming language</p> </div> <div class="min-w-[44px] overflow-hidden rounded-full size-[44px]"> <picture><source type="image/webp" srcset="/assets/images/dylan-fNS8rdAuCT-177.webp 177w"><img src="/assets/images/dylan-fNS8rdAuCT-177.png" alt="Profile picture of Dylan Beattie" loading="lazy" decoding="async" class="object-cover size-[44px]" width="177" height="176"></picture> </div> </div> </div> </div> <div class="background-wrapper quote-3 relative z-10"> <div class="bg-white flex flex-col gap-m h-full justify-between max-w-[396px] p-xl relative rounded-xl shadow-lg z-10"> <blockquote class="after:content-[close-quote] after:sr-only before:absolute before:align-text-bottom before:content-[open-quote] before:font-serif before:leading-[0.1em] before:text-[4em] before:text-blue-100 before:top-[0.53em] items-start relative"> <p class="font-light font-serif inline ml-[1.5em] text-2"> Fastmail rocks! It’s secure, private, independent, and has a Gmail transfer tool. You won’t regret the move. </p> </blockquote> <div class="flex items-center"> <div class="flex-grow space-y-xs"> <p class="font-semibold text-min-1 trim">Vicky Brasseur</p> <p class="text-grey-80 text-min-3 trim">Open source expert and author</p> </div> <div class="min-w-[44px] overflow-hidden rounded-full size-[44px]"> <picture><source type="image/webp" srcset="/assets/images/vicky-X2OEHyCRsK-177.webp 177w"><img src="/assets/images/vicky-X2OEHyCRsK-177.png" alt="Profile picture of Vicky Brasseur" loading="lazy" decoding="async" class="object-cover size-[44px]" width="177" height="176"></picture> </div> </div> </div> </div> </div> </section> <section class="bg-dark-gradient c-footer-cta grid-wrapper pb-9xl section-card space-y-xl"> <header class="text-center text-white"> <div class="flex gap-x-m items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon stroke-none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="app-mail-title-fa7e85" role="graphics-symbol"> <title id="app-mail-title-fa7e85">mail app</title> <use class="i-app-mail" href="#i-app-mail"></use> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon stroke-none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="app-calendar-title-9016ad" role="graphics-symbol"> <title id="app-calendar-title-9016ad">calendar app</title> <use class="i-app-calendar" href="#i-app-calendar"></use> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="size-icon stroke-none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" fill="none" aria-labelledby="app-contacts-title-053335" role="graphics-symbol"> <title id="app-contacts-title-053335">contacts app</title> <use class="i-app-contacts" href="#i-app-contacts"></use> </svg> </div> <h2 class="font-serif mt-m text-8 trim">Take control of your inbox</h2> <p class="mt-l text-2 trim">Easily migrate your mail, calendars, and contacts.</p> </header> <div class="mx-auto w-max"> <a href="https://app.fastmail.com/signup/"> <p class="active:bg-button-cta-bg-active bg-button-cta-bg focus-visible:outline focus-visible:outline-2 focus-visible:outline-button-cta-outline font-bold hover:bg-button-cta-bg-hover inline-block px-2xl py-s rounded-lg shadow-button text-0 text-center text-white trim whitespace-nowrap"> Try free for 30 days </p> </a> </div> </section> </main> <footer class="[--link-color:--brand-color-deepblue-5] [--link-hover:--brand-color-deepblue-5] bg-footer-bg text-fg-footer"> <div class="[background-image:--footer-sep-gradient] h-[4px] w-full"></div> <nav aria-labelledby="footer-navigation" class="flex flex-col gap-y-fx-14 py-fx-14 wrapper"> <h2 id="footer-navigation" class="sr-only">Footer navigation</h2> <div class="flex flex-wrap gap-y-fx-10"> <div class="basis-2/6 flex-grow min-w-[min(18rem,100%)] space-y-fx-4"> <div class="-mt-fx-2"> <svg xmlns="http://www.w3.org/2000/svg" class="size-[40px]" aria-hidden="true"> <use class="i-fm-icon-logo" href="#i-fm-icon-logo"></use> </svg> </div> <p class="font-semibold text-fx-lg trim">Email and calendar made better</p> </div> <div class="basis-4/6 flex flex-grow flex-wrap gap-fx-9"> <div class="basis-[11.25rem] flex-1 space-y-fx-4 text-fx-base"> <h3 class="font-semibold text-fx-lg trim">Product</h3> <ul> <li> <a href="/features/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Product tour</p> </a> </li> <li> <a href="/business/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">For business</p> </a> </li> <li> <a href="/pricing/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Pricing</p> </a> </li> <li> <a href="/features/security/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Security</p> </a> </li> <li> <a href="/features/privacy/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Privacy</p> </a> </li> </ul> </div> <div class="basis-[11.25rem] flex-1 space-y-fx-4 text-fx-base"> <h3 class="font-semibold text-fx-lg trim">How to</h3> <ul> <li> <a href="/how-to/move-from-gmail/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Move from Gmail</p> </a> </li> <li> <a href="/how-to/move-from-outlook/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Move from Outlook</p> </a> </li> <li> <a href="/how-to/move-from-yahoo/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Move from Yahoo</p> </a> </li> <li> <a href="/how-to/move-from-proton/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Move from Proton</p> </a> </li> <li> <a href="/how-to/move-from-hey/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Move from HEY</p> </a> </li> <li> <a href="/how-to/email-for-your-domain/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Get email for your domain</p> </a> </li> <li> <a href="/how-to/stop-spam/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Stop spam</p> </a> </li> <li> <a href="/how-to/inbox-zero/" class="inline-block link"> <p class="py-fx-4 text-fx-base trim">Achieve inbox zero</p> </a> </li> </ul> </div> <div class="basis-[11.25rem] flex-1 space-y-fx-4 text-fx-base"> <h3 class="font-semibold text-fx-lg trim">Support & 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-star"> <svg viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M10.3418 13.5666C10.1502 13.4333 9.84183 13.4333 9.6585 13.5666L6.1335 15.9749C5.94183 16.0999 5.84183 16.0333 5.90017 15.8083L6.96683 12.0499C7.0335 11.8333 6.95017 11.5166 6.79183 11.3499L4.05017 8.56661C3.89183 8.39994 3.94183 8.24994 4.17517 8.23327L7.80017 7.89161C8.02517 7.86661 8.29183 7.68327 8.3835 7.47494L9.84183 4.11661C9.9335 3.90827 10.0835 3.90827 10.1752 4.11661L11.6335 7.47494C11.7252 7.68327 11.9835 7.87494 12.2168 7.89161L15.8418 8.23327C16.0668 8.25827 16.1252 8.40827 15.9668 8.56661L13.2252 11.3499C13.0668 11.5166 12.9835 11.8249 13.0502 12.0499L14.1168 15.8083C14.1752 16.0249 14.0752 16.0999 13.8835 15.9749L10.3585 13.5666H10.3418Z"></path> </svg> </g> <g id="i-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-spinning-ring"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1026 1026"> <path d="M913 513c0 220.914-179.086 400-400 400S113 733.914 113 513s179.086-400 400-400 400 179.086 400 400Z" stroke="#d6d8da" stroke-opacity="0.7"></path> <path d="M913 513c0 220.914-179.086 400-400 400" stroke="url(#ring-gradient)" stroke-linecap="round"></path> <defs> <linearGradient id="ring-gradient" x1="913" y1="513" x2="913" y2="913" gradientunits="userSpaceOnUse"> <stop stop-color="#69B3E7" stop-opacity="1"></stop> <stop offset="1" stop-color="#69B3E7" stop-opacity="0"></stop> </linearGradient> </defs> </svg> </g> <g id="i-chevron"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <polyline points="17.75 9.13 12 14.88 6.25 9.13"></polyline> </svg> </g> <g id="i-external-link"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M16.83 12.81V17.64C16.83 18.067 16.6604 18.4765 16.3584 18.7784C16.0565 19.0804 15.647 19.25 15.22 19.25H6.36C5.933 19.25 5.52349 19.0804 5.22156 18.7784C4.91962 18.4765 4.75 18.067 4.75 17.64V8.77998C4.75 8.35298 4.91962 7.94347 5.22156 7.64154C5.52349 7.33961 5.933 7.16998 6.36 7.16998H11.19"></path> <path d="M14.42 4.75H19.25V9.58"></path> <path d="M10.39 13.61L19.25 4.75"></path> </svg> </g> <g id="i-fm-icon-logo"> <svg viewbox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"> <path d="M19.9998 19.9995L11.6665 14.2695V25.7279L16.8748 24.1645L19.9998 19.9995Z" fill="#FFC107"></path> <path d="M11.6665 25.7298H27.2915C27.8665 25.7298 28.3332 25.2632 28.3332 24.6882V14.2715L11.6665 25.7298Z" fill="#F4F5F7"></path> <path d="M32.8707 11.151C34.6034 13.6674 35.6234 16.7129 35.6234 20.0001C35.6234 28.6292 28.6271 35.6256 19.998 35.6256C14.6562 35.6256 9.94344 32.9401 7.12707 28.8492L4.37435 28.7492L3.52344 31.3274C7.13071 36.5638 13.1616 40.0001 19.9998 40.0001C31.0453 40.0001 39.9998 31.0456 39.9998 20.0001C39.9998 15.7929 38.6943 11.8947 36.4762 8.67285L33.7507 8.74921L32.8707 11.151Z" fill="#69B3E7"></path> <path d="M4.37455 20C4.37455 11.3709 11.3709 4.37455 20 4.37455C25.3418 4.37455 30.0545 7.06 32.8709 11.1509L36.4745 8.67273C32.8691 3.43636 26.8382 0 20 0C8.95455 0 0 8.95455 0 20C0 24.2073 1.30545 28.1055 3.52364 31.3273L7.12727 28.8491C5.39455 26.3327 4.37455 23.2873 4.37455 20Z" fill="#0067B9"></path> </svg> </g> <g id="i-mastodon"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20"> <mask id="mask0_714_15451" style="mask-type:luminance" maskunits="userSpaceOnUse" x="0" y="0" width="20" height="20"> <path d="M20 0H0V20H20V0Z" fill="white"></path> </mask> <g mask="url(#mask0_714_15451)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.625 12C19.375 13.375 17 15 14.25 15.25C12.875 15.375 11.5 15.5 10 15.5C7.625 15.375 5.75 15 5.75 15V15.625C6 17.875 8.125 18 10 18C12 18.125 13.75 17.5 13.75 17.5L13.875 19.125C13.875 19.125 12.5 19.75 10.125 19.875C8.75 20 7.125 19.875 5.125 19.375C0.875 18.375 0.125 14.25 0 10V6.5C0 2.125 3 0.875 3 0.875C4.625 0.25 7.25 0 10 0C12.75 0 15.375 0.25 16.875 1C16.875 1 19.875 2.25 19.875 6.625C20 6.625 20 9.75 19.625 12ZM16.375 6.875V12.125H14.125V7C14.125 5.875 13.625 5.375 12.625 5.375C11.5 5.375 11 6 11 7.25V10H8.875V7.375C8.875 6.125 8.375 5.5 7.25 5.5C6.25 5.375 5.875 6 5.875 7V12.125H3.625V6.875C3.625 5.75 3.875 5 4.5 4.375C5.125 3.75 5.875 3.375 6.875 3.375C8 3.375 8.875 3.75 9.5 4.625L10 5.5L10.5 4.625C11.125 3.75 11.875 3.375 13.125 3.375C14.125 3.375 14.875 3.75 15.5 4.375C16.125 5 16.375 5.875 16.375 6.875Z" fill="#999EA3"></path> </g> </svg> </g> <g id="i-x"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path d="M13.676 10.622L20.233 3H18.679L12.986 9.618L8.43897 3H3.19397L10.07 13.007L3.19397 21H4.74797L10.76 14.011L15.562 21H20.807L13.676 10.622ZM11.548 13.096L10.851 12.099L5.30797 4.17H7.69497L12.169 10.569L12.866 11.566L18.681 19.884H16.294L11.548 13.096Z" fill="#999EA3"></path> </svg> </g> <g id="i-linkedin"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.551 2H3.508C2.693 2 2 2.645 2 3.439V20.56C2 21.355 2.454 22 3.27 22H20.314C21.13 22 22.001 21.355 22.001 20.56V3.439C22.001 2.645 21.368 2 20.551 2ZM9.619 9.619H12.311V10.991H12.341C12.751 10.251 13.964 9.5 15.463 9.5C18.34 9.5 19.143 11.028 19.143 13.857V19.143H16.286V14.378C16.286 13.111 15.78 12 14.597 12C13.161 12 12.476 12.972 12.476 14.569V19.143H9.619V9.619ZM4.857 19.143H7.714V9.619H4.857V19.143ZM8.071 6.286C8.071 7.273 7.272 8.072 6.285 8.072C5.298 8.072 4.499 7.273 4.499 6.286C4.499 5.299 5.298 4.5 6.285 4.5C7.272 4.5 8.071 5.299 8.071 6.286Z" fill="#999EA3"></path> </svg> </g> <g id="i-facebook"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20"> <path d="M20 10C20 4.477 15.523 0 10 0C4.477 0 0 4.477 0 10C0 14.69 3.229 18.625 7.584 19.706V13.056H5.522V10H7.584V8.683C7.584 5.279 9.124 3.702 12.466 3.702C13.1 3.702 14.193 3.826 14.64 3.95V6.72C14.404 6.695 13.994 6.683 13.485 6.683C11.845 6.683 11.212 7.304 11.212 8.919V10H14.478L13.917 13.056H11.212V19.927C16.163 19.329 20 15.113 20 10Z" fill="#999EA3"></path> </svg> </g> </defs> </svg> </body></html>