.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-cta{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:14px 25px;border-radius:999px;background:#fafafa;color:#080808;font-size:15px;font-weight:500;line-height:24px;text-decoration:none;transition:background .18s}.feature-page .feature-page-cta{color:#080808}.feature-page-cta svg{width:21px;height:21px}.feature-page-cta:hover{background:#ddd}.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}}
