.feature-page{--font-sans: "Inter Variable", Inter, sans-serif;width:100%;min-width:0;background:transparent;color:var(--color-ink);font-family:var(--font-sans)}.feature-page,.feature-page *{box-sizing:border-box}.feature-page p{margin:0}.feature-page button,.feature-page input,.feature-page select{font-family:inherit}.feature-page :is(button,a,input,select,summary):focus-visible{outline:2px solid #aaa;outline-offset:4px}.feature-page :is(h1,h2,h3){color:var(--color-ink)}.feature-page-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;padding:150px 24px 100px;text-align:center}.feature-page-hero:before{content:"";position:absolute;z-index:-1;inset:36px 0 0;pointer-events:none;background:radial-gradient(ellipse at 50% 28%,color-mix(in srgb,var(--color-ink) 3%,transparent),transparent 57%)}.feature-page-hero-mark{display:grid;place-items:center;width:60px;height:60px;margin-bottom:28px;border:1px solid color-mix(in srgb,var(--color-ink) 9%,transparent);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--color-ink) 4%,transparent),transparent);color:var(--color-ink-muted)}.feature-page-hero-mark svg{width:28px;height:28px}.feature-page-eyebrow{color:var(--color-ink-subtle);font-size:12px;line-height:1.6}.feature-page-hero h1{margin:18px 0 24px;font:calc(315 + var(--cream-slab-weight-increase, 0)) clamp(40px,5.4vw,68px)/1.12 "Roboto Slab Variable",display,serif;letter-spacing:-.035em;text-wrap:balance}.feature-page-hero>p:not(.feature-page-eyebrow){max-width:460px;color:var(--color-ink-muted);font-size:16px;line-height:1.8;text-wrap:balance}.feature-page .feature-page-cta{color:#1d1c1a}.feature-page-hero .feature-page-cta{margin-top:32px}.feature-page-hero>small{display:block;margin-top:18px;color:var(--color-ink-subtle);font-size:11px}.feature-page-jump-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:28px 0 32px;border-block:1px solid color-mix(in srgb,var(--color-ink) 10%,transparent)}.feature-page-jump-links a{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;color:var(--color-ink-muted);font-size:12px;text-decoration:none}.feature-page-jump-links a:hover{color:var(--color-ink)}.feature-page-section{padding:86px 0 56px;scroll-margin-top:105px}.feature-page-section .homepage-feature-heading{margin-bottom:48px}.feature-page-section .homepage-feature-heading h2{font-size:clamp(28px,3.2vw,40px)}.feature-page-visual{width:min(920px,100%);margin-inline:auto}.feature-page-caption{max-width:440px;margin:24px auto 0!important;color:var(--color-ink-subtle);text-align:center;font-size:12px;line-height:1.8;text-wrap:balance}.feature-page-reading{width:min(608px,100%);margin:68px auto 0;padding:64px 24px 72px;color:var(--color-ink-muted);font:400 15px/28px Inter Variable,Inter,sans-serif}.feature-page-reading-rule{width:48px;height:1px;margin-bottom:40px;background:var(--color-edge)}.feature-page-reading>h2{margin:16px 0 28px;font:500 24px/32px Inter Variable,Inter,sans-serif;letter-spacing:-.025em}.feature-page-prose{display:grid;gap:24px}.feature-page-reading h3{margin:48px 0 12px;font:500 16px/24px Inter Variable,Inter,sans-serif}.feature-page-faq{border-top:1px solid color-mix(in srgb,var(--color-ink) 6%,transparent)}.feature-page-faq__item{border-bottom:1px solid color-mix(in srgb,var(--color-ink) 6%,transparent)}.feature-page-faq__item>summary,.feature-page-comparison>summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 0;list-style:none;color:var(--color-ink-muted);font-size:14px;line-height:24px;font-weight:500}.feature-page :is(.feature-page-faq__item,.feature-page-comparison)>summary::-webkit-details-marker{display:none}.feature-page :is(.feature-page-faq__item,.feature-page-comparison)>summary:hover{color:var(--color-ink)}.feature-page :is(.feature-page-faq__item,.feature-page-comparison)>summary>svg{flex:none;width:16px;height:16px;margin-top:4px;color:var(--color-ink-subtle);transition:transform .18s}.feature-page :is(.feature-page-faq__item,.feature-page-comparison)[open]>summary>svg{transform:rotate(180deg)}.feature-page-faq__answer{padding:0 24px 24px 0}.feature-page-reading a,.feature-page-comparison-content a{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#666}.feature-page-reading-links{margin-top:32px!important;font-size:12px;color:var(--color-ink-subtle)}.feature-page-comparison{margin:0 auto 72px;max-width:920px;border-block:1px solid color-mix(in srgb,var(--color-ink) 9%,transparent)}.feature-page-comparison-content{min-width:0;padding:16px 0 32px}.feature-page-comparison-content>p{margin-top:20px;color:var(--color-ink-subtle);font-size:12px;text-align:center}.feature-page-end{display:flex;align-items:center;flex-direction:column;gap:28px;padding:76px 0 100px;border-top:1px solid color-mix(in srgb,var(--color-ink) 9%,transparent);text-align:center}.feature-page-end h2{margin:0;font:calc(315 + var(--cream-slab-weight-increase, 0)) clamp(30px,4vw,44px)/1.2 "Roboto Slab Variable",display,serif;letter-spacing:-.03em}.feature-page-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:0 0 100px}.feature-page-footer a{color:var(--color-ink-subtle);font-size:12px;text-decoration:none}@media(max-width:699px){.feature-page-hero{padding:120px 0 64px}.feature-page-hero h1{font-size:clamp(34px,8vw,44px)}.feature-page-hero>p:not(.feature-page-eyebrow){font-size:14px;max-width:330px}.feature-page-section{padding:56px 0 24px}.feature-page-section .homepage-feature-heading{margin-bottom:32px}.feature-page-reading{padding:48px 0;margin-top:40px;font-size:14px}.feature-page-reading>h2{font-size:23px}.feature-page-comparison{margin-bottom:48px}.feature-page-end{padding-block:64px}}@media(prefers-reduced-motion:reduce){.feature-page *,.feature-page *:before,.feature-page *:after{transition:none!important;animation-duration:.01ms!important}}.email-feature-graphic{display:block;width:144px;max-width:100%;height:90px;color:var(--color-ink-muted);transition:color .18s ease}.feature-page-jump-links a:hover .email-feature-graphic{color:#ddd}@media(max-width:699px){.feature-page-jump-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 8px;padding:24px 0}.feature-page-jump-links a{gap:10px}.email-feature-graphic{width:128px;height:80px}}.feature-page[data-product-spacing=true]{--feature-section-space: 96px;--feature-demo-space: 40px}.feature-page[data-product-spacing=true] .feature-page-section{margin-block:var(--feature-section-space) 0;padding-block:0}.feature-page[data-product-spacing=true] .feature-page-section .homepage-feature-heading{margin-bottom:var(--feature-demo-space)}.feature-page[data-product-spacing=true] .feature-page-visual .product-demo-stage{padding-top:0}.feature-page[data-product-spacing=true] .feature-page-reading{margin-block:var(--feature-section-space) 0;padding-block:0}.feature-page[data-product-spacing=true] .feature-page-reading-rule{display:none}.feature-page[data-product-spacing=true] .feature-page-reading>h2{margin-top:0;margin-bottom:24px}.feature-page[data-product-spacing=true] .homepage-feature-end{margin-top:var(--feature-section-space);padding-top:64px;padding-bottom:56px}.feature-page[data-product-spacing=true] .feature-page-jump-links{padding-block:0}.feature-page[data-product-spacing=true] .email-desktop-demo{margin-bottom:64px}.feature-page[data-product-spacing=true] .tasks-founder-letter{margin-top:0;margin-bottom:0}@media(max-width:699px){.feature-page[data-product-spacing=true]{--feature-section-space: 64px;--feature-demo-space: 28px}.feature-page[data-product-spacing=true] .email-desktop-demo{margin-bottom:40px}.feature-page[data-product-spacing=true] .homepage-feature-end{padding-block:48px}}.feature-page[data-product-spacing=true] .feature-page-section{position:relative;width:min(1160px,calc(100vw - 80px));margin-block:0;margin-inline:calc((100% - min(1160px,100vw - 80px))/2);padding-block:88px 76px}.feature-page[data-product-spacing=true] :is(.feature-page-jump-links,.tasks-founder-letter)+.feature-page-section{margin-top:48px}.feature-page-section:before{content:"";position:absolute;inset:0 auto auto 50%;width:100vw;transform:translate(-50%);border-top:1px solid color-mix(in srgb,var(--color-ink) 18%,transparent);pointer-events:none}.product-feature-intro{--feature-heading-size: clamp(32px, 3.1vw, 44px);display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1fr);align-items:start;gap:40px;margin-bottom:52px;text-align:left}.product-feature-intro h2{margin:0;max-width:none;font:calc(330 + var(--cream-slab-weight-increase, 0)) var(--feature-heading-size)/1.2 "Roboto Slab Variable",display,serif;letter-spacing:-.035em;text-wrap:initial}.product-feature-intro p{max-width:none;color:var(--color-ink-muted);font:400 clamp(17px,1.3vw,18px)/calc(var(--feature-heading-size) * .8) "Inter Variable",Inter,sans-serif;text-wrap:pretty}.feature-page .feature-page-section>.feature-page-visual{width:100%}.feature-page-section :is(.email-accounts-demo,.mail-sharing-stage,.email-keyboard-stage,.email-editing-stage){padding-top:0;padding-inline:0}.feature-page-section .mail-sharing-stage .mail-share-scrim{inset-inline:0;top:0}.product-feature-intro h2>span{display:block;white-space:nowrap}@media(max-width:1199px){.product-feature-intro{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:32px}.product-feature-intro h2>span{white-space:normal}.product-feature-intro p{max-width:60ch;font-size:18px;line-height:1.55}}@media(max-width:799px){.feature-page[data-product-spacing=true] .feature-page-section{width:calc(100% - 36px);margin-inline:auto;padding-block:56px}.product-feature-intro h2{max-width:none;font-size:clamp(28px,7.2vw,42px)}.product-feature-intro p{max-width:42ch;font-size:17px}}@media(max-width:699px){.feature-page[data-product-spacing=true] .product-page .feature-page-section{width:100%}}body:has(.feature-page[data-product-preview=true]) .site-header,body:has(.feature-page[data-product-preview=true]) .site-page-vignette,.feature-page[data-product-preview=true] .homepage-feature-end,.feature-page[data-product-preview=true] .feature-page-cta{display:none}.feature-page[data-product-preview=true] .feature-page-hero{padding-top:64px;padding-bottom:32px}.feature-page[data-product-preview=true] .feature-page-section{scroll-margin-top:16px}