@font-face{font-family:Roboto Slab Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/roboto-slab-variable.woff2)format("woff2")}@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-variable.woff2)format("woff2")}@layer base{[data-theme-light=true]{--macro-icon-regular-weight:1.7;--macro-icon-bold-weight:2}[data-theme-light=false]{--macro-icon-regular-weight:2;--macro-icon-bold-weight:2.3}svg[data-macro-icon][stroke-width="2"]{stroke-width:var(--macro-icon-regular-weight,2)}svg[data-macro-icon][stroke-width="2.3"]{stroke-width:var(--macro-icon-bold-weight,2.3)}}@font-face{src:url(/fonts/roboto-slab-variable.woff2)format("woff2");font-family:display;font-weight:100 900;font-display:swap}@font-face{src:url(/fonts/inter-variable.woff2)format("woff2");font-family:body;font-weight:100 900;font-display:swap}@font-face{src:url(/fonts/inter-variable.woff2)format("woff2");font-family:Inter;font-weight:100 900;font-display:swap}@property --a0l{syntax:"<number>";inherits:false;initial-value:.74}@property --a0c{syntax:"<number>";inherits:false;initial-value:.16}@property --a0h{syntax:"<angle>";inherits:false;initial-value:56deg}@property --a0h-drift{syntax:"<angle>";inherits:false;initial-value:0deg}@property --a1l{syntax:"<number>";inherits:false;initial-value:.71}@property --a1c{syntax:"<number>";inherits:false;initial-value:.23}@property --a1h{syntax:"<angle>";inherits:false;initial-value:84deg}@property --a2l{syntax:"<number>";inherits:false;initial-value:.71}@property --a2c{syntax:"<number>";inherits:false;initial-value:.23}@property --a2h{syntax:"<angle>";inherits:false;initial-value:124deg}@property --a3l{syntax:"<number>";inherits:false;initial-value:.71}@property --a3c{syntax:"<number>";inherits:false;initial-value:.23}@property --a3h{syntax:"<angle>";inherits:false;initial-value:164deg}@property --a4l{syntax:"<number>";inherits:false;initial-value:.71}@property --a4c{syntax:"<number>";inherits:false;initial-value:.23}@property --a4h{syntax:"<angle>";inherits:false;initial-value:204deg}@property --b0l{syntax:"<number>";inherits:false;initial-value:0}@property --b0c{syntax:"<number>";inherits:false;initial-value:0}@property --b0h{syntax:"<angle>";inherits:false;initial-value:44deg}@property --b1l{syntax:"<number>";inherits:false;initial-value:.14}@property --b1c{syntax:"<number>";inherits:false;initial-value:0}@property --b1h{syntax:"<angle>";inherits:false;initial-value:44deg}@property --b2l{syntax:"<number>";inherits:false;initial-value:.16}@property --b2c{syntax:"<number>";inherits:false;initial-value:0}@property --b2h{syntax:"<angle>";inherits:false;initial-value:44deg}@property --b3l{syntax:"<number>";inherits:false;initial-value:.18}@property --b3c{syntax:"<number>";inherits:false;initial-value:0}@property --b3h{syntax:"<angle>";inherits:false;initial-value:44deg}@property --b4l{syntax:"<number>";inherits:false;initial-value:.36}@property --b4c{syntax:"<number>";inherits:false;initial-value:0}@property --b4h{syntax:"<angle>";inherits:false;initial-value:44deg}@property --c0l{syntax:"<number>";inherits:false;initial-value:1}@property --c0c{syntax:"<number>";inherits:false;initial-value:0}@property --c0h{syntax:"<angle>";inherits:false;initial-value:44deg}@property --c1l{syntax:"<number>";inherits:false;initial-value:.9}@property --c1c{syntax:"<number>";inherits:false;initial-value:0}@property --c1h{syntax:"<angle>";inherits:false;initial-value:44deg}@property --c2l{syntax:"<number>";inherits:false;initial-value:.8}@property --c2c{syntax:"<number>";inherits:false;initial-value:0}@property --c2h{syntax:"<angle>";inherits:false;initial-value:44deg}@property --c3l{syntax:"<number>";inherits:false;initial-value:.7}@property --c3c{syntax:"<number>";inherits:false;initial-value:0}@property --c3h{syntax:"<angle>";inherits:false;initial-value:44deg}@property --c4l{syntax:"<number>";inherits:false;initial-value:.6}@property --c4c{syntax:"<number>";inherits:false;initial-value:0}@property --c4h{syntax:"<angle>";inherits:false;initial-value:44deg}:root{--page-gutter:24px;--page-max-mobile:560px;--page-max:1000px;--ambient-ink:color-mix(in srgb, var(--c1) 25%, transparent);--site-scale:1;--a0:oklch(var(--a0l) var(--a0c) calc(var(--a0h) + var(--a0h-drift)));--a1:oklch(var(--a1l) var(--a1c) var(--a1h));--a2:oklch(var(--a2l) var(--a2c) var(--a2h));--a3:oklch(var(--a3l) var(--a3c) var(--a3h));--a4:oklch(var(--a4l) var(--a4c) var(--a4h));--b0:oklch(var(--b0l) var(--b0c) var(--b0h));--b1:oklch(var(--b1l) var(--b1c) var(--b1h));--b2:oklch(var(--b2l) var(--b2c) var(--b2h));--b3:oklch(var(--b3l) var(--b3c) var(--b3h));--b4:oklch(var(--b4l) var(--b4c) var(--b4h));--c0:oklch(var(--c0l) var(--c0c) var(--c0h));--c1:oklch(var(--c1l) var(--c1c) var(--c1h));--c2:oklch(var(--c2l) var(--c2c) var(--c2h));--c3:oklch(var(--c3l) var(--c3c) var(--c3h));--c4:oklch(var(--c4l) var(--c4c) var(--c4h));--shadow-strength:calc(1 - var(--b0l));--shadow-ink-xs:rgb(0 0 0/calc(var(--shadow-strength) * .2 + .04));--shadow-ink-sm:rgb(0 0 0/calc(var(--shadow-strength) * .28 + .05));--shadow-ink-md:rgb(0 0 0/calc(var(--shadow-strength) * .33 + .06));--shadow-ink-lg:rgb(0 0 0/calc(var(--shadow-strength) * .4 + .06));--shadow-ink-xl:rgb(0 0 0/calc(var(--shadow-strength) * .51 + .06));--shadow-ink-2xl:rgb(0 0 0/calc(var(--shadow-strength) * .64 + .1));--shadow-inset-highlight:inset 0 1px 0 color-mix(in srgb, var(--c1) 8%, transparent);--shadow-window:0 28px 90px var(--shadow-ink-lg), var(--shadow-inset-highlight);--shadow-window-focus:0 28px 90px var(--shadow-ink-lg), var(--shadow-inset-highlight), 0 0 0 3px color-mix(in srgb, var(--a0) 22%, transparent);--shadow-frame:0 32px 80px -40px var(--shadow-ink-2xl);--shadow-panel-sm:0 18px 48px var(--shadow-ink-sm);--shadow-panel-md:0 22px 60px var(--shadow-ink-md);--shadow-panel-lg:0 22px 60px var(--shadow-ink-xl);--shadow-panel-xl:0 28px 90px var(--shadow-ink-xl);--shadow-panel-wide:0 24px 64px var(--shadow-ink-md);--shadow-float-sm:0 14px 36px var(--shadow-ink-xs);--shadow-elevated:0 28px 80px var(--shadow-ink-lg);--shadow-card:0 6px 16px -6px var(--shadow-ink-lg), inset 0 1px 0 color-mix(in srgb, var(--c1) 6%, transparent);--shadow-accent-panel:0 32px 90px var(--shadow-ink-xl), 0 0 0 1px color-mix(in srgb, var(--a0) 14%, transparent), var(--shadow-inset-highlight);--shadow-device:0 44px 100px var(--shadow-ink-xl), 0 12px 30px var(--shadow-ink-lg), inset 0 0 0 1px color-mix(in srgb, var(--c1) 12%, transparent);--shadow-menu:0 24px 56px -18px var(--shadow-ink-xl), 0 8px 22px -14px var(--shadow-ink-lg), inset 0 1px 0 color-mix(in srgb, var(--c0) 6%, transparent);--hero-window-bg:color-mix(in srgb, var(--b1) 58%, var(--b0));--hero-app-chrome-bg:oklch(min(.2, calc(var(--b0l) * .55 + .08)) .004 var(--b0h));--transition:.5s}@media (width<=700px){:root{--page-gutter:12px}}html,body,#root,#app-scroll-root{background:#000}.marketing-content{width:100%;min-width:0;max-width:1000px;padding-bottom:100px}.marketing-content>*{max-width:100%}::selection{color:#101820;background-color:#b8d5ff}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}body{color:var(--c2);margin:0;font-family:Inter Variable,Inter,sans-serif;font-size:14px;font-weight:370}.ssg-mobile,.ssg-desktop{display:contents}@media (width>=700px){.ssg-mobile{display:none}}@media (width<=699px){.ssg-desktop{display:none}}#app-scroll-root :is(section,div):not(.no-scrollbar,.no-scrollbar *,.dummy-workspace,.dummy-workspace *){min-width:0}input:not(.dummy-workspace input),button:not(.dummy-workspace button){color:var(--c4);font-family:Inter Variable,Inter,sans-serif;font-size:15px}input:not(.dummy-workspace input)::placeholder{color:oklch(from var(--c4) l c h / .6)}a:not(.dummy-workspace a,.site-header a,.macro-homepage a){transition:color var(--transition);color:var(--c2);text-decoration:none}.launch-back{transition:fill var(--transition);fill:var(--a0)}.launch{transition:fill var(--transition);fill:var(--b0);stroke:none}@media (hover){.hover-background-color:hover{background-color:var(--a0)!important;transition:none!important}.hover-color:hover,.hover-relaunch:hover{color:var(--a0)!important;transition:none!important}a:hover{color:var(--a0);transition:none}.launch-wrap:hover{& .launch-back{fill:var(--b0);transition:none}& .launch{fill:var(--a0);transition:none}}}:is(.home-hero-cta,.base-header-pill-cta,.base-header-github-stars,.pricing-cta-button,.pricing-final-cta,.feat-lite-cta-primary,.feat-lite-cta-secondary,.email-cta-button,.agents-cta-button,.crm-cta-button,.channels-cta-button,.docs-cta-button,.docs-final-cta,.migrate-cta-button,.tasks-cta-button,.gh-cta-button,.calls-cta-button,.hero-cta-button,.final-bento-cta-button,.mobile-signup-submit){min-height:40px;box-shadow:none!important;letter-spacing:normal!important;text-transform:none!important;background-image:none!important;border-radius:999px!important;font-family:Inter Variable,Inter,sans-serif!important;font-size:14px!important;font-weight:500!important;transition:background-color .16s,color .16s!important;transform:none!important}:is(.home-hero-cta,.base-header-pill-cta,.base-header-github-stars,.pricing-cta-button,.pricing-final-cta,.feat-lite-cta-primary,.feat-lite-cta-secondary,.email-cta-button,.agents-cta-button,.crm-cta-button,.channels-cta-button,.docs-cta-button,.docs-final-cta,.migrate-cta-button,.tasks-cta-button,.gh-cta-button,.calls-cta-button,.hero-cta-button,.final-bento-cta-button,.mobile-signup-submit):after,.home-hero-cta-bar:after{content:none}a:is(.email-cta-button,.agents-cta-button,.crm-cta-button,.channels-cta-button,.docs-cta-button,.migrate-cta-button,.tasks-cta-button,.gh-cta-button,.calls-cta-button,.hero-cta-button,.final-bento-cta-button),.feat-lite-cta-primary,.docs-final-cta,.pricing-final-cta,.mobile-signup-submit{background-color:var(--c0)!important;color:var(--b0)!important;border:1px solid #0000!important}button:is(.email-cta-button,.channels-cta-button,.docs-cta-button,.migrate-cta-button,.tasks-cta-button,.gh-cta-button,.calls-cta-button),.feat-lite-cta-secondary{background-color:color-mix(in srgb, var(--c0) 6%, var(--b0))!important;border:1px solid color-mix(in srgb, var(--c0) 10%, transparent)!important;color:var(--c3)!important}:is(.home-hero-cta,.base-header-pill-cta,.base-header-github-stars,.pricing-cta-button,.pricing-final-cta,.feat-lite-cta-primary,.feat-lite-cta-secondary,.email-cta-button,.agents-cta-button,.crm-cta-button,.channels-cta-button,.docs-cta-button,.docs-final-cta,.migrate-cta-button,.tasks-cta-button,.gh-cta-button,.calls-cta-button,.hero-cta-button,.final-bento-cta-button,.mobile-signup-submit):focus-visible{outline:2px solid var(--c0);outline-offset:3px}.scene-panel{transition:stroke var(--transition)}.scene-panel-fill{fill:oklch(from var(--b1) l c h / .58);transition:fill var(--transition)}.scene-panel-grid{stroke:oklch(from var(--b4) l c h / .42);transition:stroke var(--transition)}@media (hover){.scene-panel:hover{stroke:var(--a0)}.scene-panel:hover .scene-panel-fill{fill:oklch(from var(--a0) l c h / .5)}.scene-panel:hover .scene-panel-grid{stroke:var(--a0)}}.lifetime-pricing{background:var(--b0);box-sizing:border-box;grid-column:1/-1;width:100%;max-width:1280px;margin:0 auto;padding:64px 22px}.lifetime-pricing__header{text-align:center;gap:16px;max-width:720px;margin:0 auto;display:grid}.lifetime-pricing__panel{background:color-mix(in srgb, var(--b1) 50%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c0) 10%, transparent);box-sizing:border-box;border-radius:24px;max-width:1060px;margin:56px auto 0}.lifetime-pricing__content{box-sizing:border-box;padding:32px}.lifetime-pricing__stage-step:not(:last-child):before{background:color-mix(in srgb, var(--c4) 18%, transparent);content:"";width:100%;height:2px;position:absolute;top:15px;left:50%}.lifetime-pricing__stage-step button{background:var(--b0);border:2px solid color-mix(in srgb, var(--c4) 26%, transparent);box-sizing:border-box;color:#0000;z-index:1;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:relative}.lifetime-pricing__stage-step button>span{border-radius:999px;justify-content:center;align-items:center;width:10px;height:10px;display:flex}.lifetime-pricing__stage-step button svg{color:var(--b0);width:18px;height:18px;display:block}.lifetime-pricing__stage-step--complete button{background:var(--a0);border-color:var(--a0)}.lifetime-pricing__stage-step--current button{border-color:var(--a0)}.lifetime-pricing__stage-step--current button>span{background:var(--a0)}.lifetime-pricing__stage-step--upcoming button:hover{border-color:color-mix(in srgb, var(--c4) 46%, transparent)}.lifetime-pricing__stage-step>span{color:var(--c4);text-align:center;font-size:13px;font-weight:700;line-height:1.2}.lifetime-pricing__stage-step--current>span{color:var(--a0)}.lifetime-pricing__selected-features{border-top:1px solid color-mix(in srgb, var(--c4) 10%, transparent);color:var(--c2);grid-template-columns:1fr;gap:10px 20px;margin:34px 0 0;padding:24px 0 0;font-size:15px;line-height:1.5;list-style:none;display:grid}.lifetime-pricing__aside{margin-top:-8px;padding:8px}.lifetime-pricing__card{background:var(--b0);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c0) 10%, transparent);text-align:center;border-radius:16px;padding:40px 0}.lifetime-pricing__card-inner{max-width:320px;margin:0 auto;padding:0 32px}.lifetime-pricing__card-inner p{color:var(--c4);margin:0;font-size:1rem;font-weight:600}.lifetime-pricing__price{justify-content:center;align-items:baseline;gap:.5rem;display:flex;margin-top:1.5rem!important}.lifetime-pricing__primary-cta,.lifetime-pricing__secondary-cta{text-align:center;border-radius:.375rem;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.25rem;display:block}.lifetime-pricing__primary-cta{background:var(--a0);color:var(--b0);margin-top:36px;box-shadow:0 1px 2px #0000000d}.lifetime-pricing__secondary-cta{border:1px solid color-mix(in srgb, var(--c4) 18%, transparent);color:var(--c2);background:0 0;margin-top:.75rem}.lifetime-pricing__card-inner a:focus-visible{outline:2px solid var(--a0);outline-offset:2px}@media (hover){.lifetime-pricing__primary-cta:hover{background:color-mix(in srgb, var(--a0) 82%, var(--c0) 18%);color:var(--b0)}.lifetime-pricing__secondary-cta:hover{border-color:color-mix(in srgb, var(--a0) 36%, transparent);color:var(--a0)}}@media (width>=640px){.lifetime-pricing{padding-top:80px;padding-bottom:80px}.lifetime-pricing__content{padding:40px}.lifetime-pricing__selected-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.lifetime-pricing__panel{max-width:none;display:flex}.lifetime-pricing__content{flex:auto;padding:40px}.lifetime-pricing__aside{flex-shrink:0;width:100%;max-width:448px;margin-top:0;padding:8px}.lifetime-pricing__card{flex-direction:column;justify-content:center;min-height:100%;padding-top:64px;padding-bottom:64px;display:flex}}.lifetime-pricing{grid-template-columns:minmax(260px,380px) minmax(0,720px);grid-template-areas:"header quote""progress progress";align-items:center;column-gap:clamp(56px,8vw,120px);max-width:none;margin:0;padding:clamp(72px,10vw,128px) clamp(40px,7vw,92px);display:grid}.lifetime-pricing__header{text-align:left;grid-area:header;align-content:center;gap:20px;max-width:none;margin:0;display:grid}.lifetime-pricing__header span{color:var(--a0);letter-spacing:.1em;text-transform:uppercase;font-family:Inter,body;font-size:16px;font-weight:700;line-height:1}.lifetime-pricing__header h2{color:var(--c1);font-family:display;font-size:clamp(34px,4vw,46px);font-weight:calc(315 + var(--cream-slab-weight-increase,0));letter-spacing:-.035em;margin:0;line-height:1.06}.lifetime-pricing__header p{color:var(--c4);margin:0;font-size:18px;font-weight:600;line-height:1.62}.lifetime-pricing__quote{grid-area:quote;gap:38px;display:grid}.lifetime-pricing__stage-control{justify-content:end;align-items:center;gap:16px;display:flex}.lifetime-pricing__stage-control>span{color:var(--c4);font-size:15px;font-weight:700}.lifetime-pricing__stage-control label{border:1px solid color-mix(in srgb, var(--a0) 54%, transparent);box-sizing:border-box;color:var(--a0);border-radius:11px;align-items:center;gap:14px;min-width:198px;padding:12px 16px;display:inline-flex}.lifetime-pricing__stage-control select{appearance:none;color:var(--c1);background:0 0;border:0;outline:0;flex:auto;font-family:body;font-size:16px;font-weight:700}.lifetime-pricing__stage-control option{background:var(--b0);color:var(--c1)}.lifetime-pricing__stage-control svg{color:var(--a0);pointer-events:none;flex:none;width:18px;height:18px}.lifetime-pricing__card{background:color-mix(in srgb, var(--b0) 86%, var(--b1));border:1px solid color-mix(in srgb, var(--c4) 20%, transparent);box-shadow:none;box-sizing:border-box;text-align:left;border-radius:16px;padding:clamp(32px,5vw,56px)}.lifetime-pricing__card h3{color:var(--a0);font-family:display;font-size:34px;font-weight:calc(315 + var(--cream-slab-weight-increase,0));margin:0;line-height:1}.lifetime-pricing__price{justify-content:start;align-items:baseline;gap:8px;display:flex;margin:14px 0 0!important}.lifetime-pricing__price span:last-child{color:var(--c4);letter-spacing:0;font-size:18px;font-weight:700;line-height:1}.lifetime-pricing__features{border-top:1px solid color-mix(in srgb, var(--c4) 11%, transparent);color:var(--c3);flex-wrap:wrap;gap:12px 18px;margin:34px 0 0;padding:24px 0 0;font-size:13px;font-weight:600;line-height:1.4;list-style:none;display:flex}.lifetime-pricing__features li{align-items:center;gap:7px;display:inline-flex}.lifetime-pricing__features li>span{border:1px solid var(--a0);box-sizing:border-box;border-radius:999px;flex:none;width:13px;height:13px;position:relative}.lifetime-pricing__features li>span:after{background:var(--a0);content:"";border-radius:999px;width:5px;height:5px;position:absolute;top:3px;left:3px}.lifetime-pricing__actions{gap:10px;margin-top:28px;display:flex}.lifetime-pricing__primary-cta,.lifetime-pricing__secondary-cta{box-sizing:border-box;text-align:center;border-radius:6px;flex:1 1 0;justify-content:center;margin:0;padding:11px 14px;font-size:14px;font-weight:700;line-height:1.25;display:inline-flex}.lifetime-pricing__primary-cta{background:var(--a0);color:var(--b0)}.lifetime-pricing__secondary-cta{border:1px solid color-mix(in srgb, var(--c4) 18%, transparent);color:var(--c2);background:0 0}.lifetime-pricing__stage-progress ol{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.lifetime-pricing__stage-step{justify-items:center;gap:10px;display:grid;position:relative}.lifetime-pricing__stage-step:not(:last-child):before{background:color-mix(in srgb, var(--c4) 18%, transparent);content:"";width:100%;height:2px;transition:background-color .26s;position:absolute;top:14px;left:50%}.lifetime-pricing__stage-step--complete:not(:last-child):before{background:var(--a0)}.lifetime-pricing__stage-step button{box-sizing:border-box;z-index:1;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;width:42px;height:32px;padding:0;transition:transform .26s;display:flex;position:relative}.lifetime-pricing__stage-step button:hover{transform:translateY(-2px)}.lifetime-pricing__stage-step button:focus-visible{outline:1px solid color-mix(in srgb, var(--a0) 58%, transparent);outline-offset:4px}.lifetime-pricing__stage-step button>span{background:color-mix(in srgb, var(--c4) 4%, var(--b0));border:2px solid color-mix(in srgb, var(--c4) 42%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--c4) 10%, transparent);box-sizing:border-box;border-radius:999px;width:26px;height:8px;transition:background-color .26s,border-color .26s,box-shadow .26s,height .26s,opacity .26s,width .26s;display:block}.lifetime-pricing__stage-step button:hover>span,.lifetime-pricing__stage-step button:focus-visible>span{border-color:color-mix(in srgb, var(--a0) 58%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--a0) 9%, transparent), 0 0 16px color-mix(in srgb, var(--a0) 18%, transparent)}.lifetime-pricing__stage-step--complete button,.lifetime-pricing__stage-step--current button{border-color:#0000}.lifetime-pricing__stage-step--complete button>span,.lifetime-pricing__stage-step--current button>span{background:var(--a0);border-color:var(--a0)}.lifetime-pricing__stage-step--current button>span{box-shadow:0 0 0 6px color-mix(in srgb, var(--a0) 18%, transparent), 0 0 18px color-mix(in srgb, var(--a0) 42%, transparent), 0 0 34px color-mix(in srgb, var(--a0) 18%, transparent);height:10px}.lifetime-pricing__stage-step>span{color:var(--c4);text-align:center;font-size:16px;font-weight:700;line-height:1.15;transition:color .26s,transform .26s}.lifetime-pricing__stage-step--current>span,.lifetime-pricing__stage-step--complete>span{color:var(--a0)}.lifetime-pricing__stage-step--current>span{transform:translateY(-1px)}@media (width<=900px){.lifetime-pricing{grid-template-columns:1fr;grid-template-areas:"header""quote""progress";row-gap:38px;padding:64px 22px}.lifetime-pricing__quote{gap:18px}.lifetime-pricing__stage-control{justify-content:start}.lifetime-pricing__stage-progress{margin-top:12px}.lifetime-pricing__stage-step button{width:42px;height:42px}.lifetime-pricing__stage-step:not(:last-child):before{top:20px}.lifetime-pricing__stage-step>span{font-size:14px}}.lifetime-pricing{grid-template-columns:minmax(0,760px) minmax(320px,480px);grid-template-areas:"header card""progress card";justify-content:center;place-items:stretch stretch;gap:clamp(34px,5vw,58px);padding:clamp(72px,10vw,120px) clamp(28px,6vw,72px);display:grid}.lifetime-pricing__header{text-align:left;grid-area:header;justify-items:start;max-width:760px}.lifetime-pricing__header>span{color:var(--a0);letter-spacing:.1em;text-transform:uppercase;font-family:Inter,body;font-size:16px;font-weight:700;line-height:1}.lifetime-pricing__header h2 span{color:var(--a0);white-space:nowrap}.lifetime-pricing__stage-progress{grid-area:progress;width:min(100%,760px);max-width:760px;margin:0}.lifetime-pricing>.lifetime-pricing__card{box-shadow:none;background:0 0;border:0;grid-area:card;align-self:center;width:100%;max-width:480px;padding:0}@media (width<=900px){.lifetime-pricing{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""progress""card";justify-items:center}.lifetime-pricing>.lifetime-pricing__card{max-width:720px}}.lifetime-pricing{grid-template-columns:1fr;grid-template-areas:none;justify-content:center;place-items:center;gap:0;min-height:560px;padding:clamp(42px,5vw,70px) clamp(28px,6vw,72px);display:grid;position:relative}.lifetime-pricing__bento,.lifetime-pricing>.lifetime-pricing__card{background:var(--b0);border:1px solid color-mix(in srgb, var(--c4) 10%, transparent);box-sizing:border-box;border-bottom:0;outline:0;min-height:420px}.lifetime-pricing__bento--timeline{grid-area:timeline;align-content:center;gap:56px;padding:clamp(34px,4vw,54px);display:grid}.lifetime-pricing__bento--timeline>.lifetime-pricing__header,.lifetime-pricing__bento--timeline>.lifetime-pricing__stage-progress{grid-area:auto}.lifetime-pricing__header{text-align:left;justify-items:start;max-width:660px}.lifetime-pricing__header h2{color:var(--c1);font-family:display;font-size:44px;font-weight:calc(315 + var(--cream-slab-weight-increase,0));letter-spacing:-.015em;text-align:left;margin:0;line-height:1.2}.lifetime-pricing__headline-stage{color:var(--a0);vertical-align:baseline;align-items:center;display:inline-flex;position:relative}.lifetime-pricing__headline-stage select{appearance:none;color:var(--a0);field-sizing:content;font:inherit;letter-spacing:inherit;line-height:inherit;background:0 0;border:0;outline:none;margin:0;padding:0 .55em 0 0}.lifetime-pricing__headline-stage option{background:var(--b0);color:var(--c1)}.lifetime-pricing__headline-stage svg{color:var(--a0);pointer-events:none;width:.38em;height:.38em;position:absolute;top:50%;right:0;transform:translateY(-35%)}.lifetime-pricing__stage-progress{width:100%;max-width:660px;margin:0}.lifetime-pricing>.lifetime-pricing__card{box-shadow:none;text-align:left;background:0 0;border:0;border-radius:0;grid-area:auto;align-content:center;width:min(100%,434px);max-width:434px;padding:0;display:grid;position:absolute}.lifetime-pricing>.lifetime-pricing__card--free{opacity:.72;z-index:1;transform:translate(-180px,8px)scale(.94)}.lifetime-pricing>.lifetime-pricing__card--paid{z-index:2;transform:translate(180px,-20px)}.lifetime-pricing>.lifetime-pricing__card:before,.lifetime-pricing>.lifetime-pricing__card:after{content:none;pointer-events:none;z-index:0;position:absolute}.lifetime-pricing>.lifetime-pricing__card:before{background-image:repeating-linear-gradient(to right, color-mix(in srgb, var(--c4) 22%, transparent) 0 7px, transparent 7px 26px);height:1px;top:50%;left:0;right:0}.lifetime-pricing>.lifetime-pricing__card:after{background-image:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--c4) 22%, transparent) 0 7px, transparent 7px 26px);width:1px;top:0;bottom:0;left:50%}.lifetime-pricing__card-body{background:var(--b0);border:1px solid color-mix(in srgb, var(--c4) 14%, transparent);box-sizing:border-box;interpolate-size:allow-keywords;z-index:1;border-radius:24px;place-self:center;row-gap:28px;width:100%;max-width:434px;padding:34px;transition:width .22s,max-width .22s,min-height .22s,padding .22s;display:grid;position:relative}.lifetime-pricing__card-top>span{color:var(--a0);letter-spacing:.14em;text-transform:uppercase;font-family:Inter,body;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.lifetime-pricing__card-top label{color:var(--a0);align-items:center;width:max-content;display:inline-flex;position:relative}.lifetime-pricing__card-top select{appearance:none;color:var(--a0);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;outline:none;margin:0;padding:0 16px 0 0;font-family:Inter,body;font-size:13px;font-weight:700;line-height:1}.lifetime-pricing__card-top select:focus-visible{outline:1px solid var(--a0);outline-offset:4px}.lifetime-pricing__card-top option{background:var(--b0);color:var(--c1)}.lifetime-pricing__card-top svg{color:var(--a0);pointer-events:none;width:14px;height:14px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.lifetime-pricing__purchase{gap:35px;margin-top:0;display:grid}.lifetime-pricing__price-wrap{align-items:center;gap:16px;width:max-content;display:flex}.lifetime-pricing__price{margin:0!important}.lifetime-pricing__price span:first-child{color:var(--c0);font-family:display;font-size:44px;font-weight:calc(315 + var(--cream-slab-weight-increase,0));letter-spacing:-.015em;line-height:1.2}.lifetime-pricing__price-wrap>div p:first-child{color:var(--c1);margin:0;font-size:15px;font-weight:700;line-height:1.4}.lifetime-pricing__price-wrap>div p:last-child{color:var(--c4);margin:0;font-size:15px;line-height:1.4}.lifetime-pricing__actions{flex-direction:row;align-items:stretch;gap:10px;width:max-content;margin:8px 0 0;display:flex}.lifetime-pricing__primary-cta,.lifetime-pricing__secondary-cta{box-sizing:border-box;cursor:default;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:7px;width:max-content;height:30px;min-height:0;margin:0;padding:0 16px;font-family:body;font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:background-color .22s,border-color .22s,color .22s,transform .16s;display:inline-flex;overflow:hidden}.lifetime-pricing__primary-cta{background:var(--a0);color:var(--b0);border:0}.lifetime-pricing__secondary-cta{background:var(--b1);border:1px solid color-mix(in srgb, var(--b4) 28%, transparent);color:var(--c1)}.lifetime-pricing__feature-note{border-top:1px solid color-mix(in srgb, var(--c4) 10%, transparent);color:var(--c4);gap:16px;margin-top:0;padding-top:28px;font-size:15px;line-height:1.7;display:flex}.lifetime-pricing__feature-note svg{color:var(--a0);fill:currentColor;flex:none;width:48px;height:48px}.lifetime-pricing__feature-note p{margin:0}.lifetime-pricing__feature-note strong{color:var(--c1);font-weight:700}.pricing-faq{background:var(--b0);box-sizing:border-box}.pricing-faq__list{box-sizing:border-box;margin:0}.pricing-faq__item{border-bottom:1px solid color-mix(in srgb, var(--c4) 10%, transparent);box-sizing:border-box;display:block}.pricing-faq__item:last-child{border-bottom:0}.pricing-faq__item dt{margin:0}.pricing-faq__trigger{box-sizing:border-box;color:var(--c1);font-family:display;font-size:18px;font-weight:calc(315 + var(--cream-slab-weight-increase,0));text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;width:100%;padding:30px clamp(24px,4vw,48px);line-height:1.12;display:grid}.pricing-faq__chevron{color:var(--c4);opacity:.76;width:20px;height:20px;transition:transform .18s,opacity .18s;display:block}.pricing-faq__trigger[aria-expanded=true] .pricing-faq__chevron{opacity:1;transform:rotate(180deg)}.pricing-faq__item p{color:var(--c4);max-width:680px;margin:0;font-size:17px;line-height:1.55}.pricing-faq__item dd{grid-template-rows:0fr;margin:0;padding:0 clamp(24px,4vw,48px);transition:grid-template-rows .22s,padding-bottom .22s;display:grid;overflow:hidden}.pricing-faq__item dd.pricing-faq__panel--open{grid-template-rows:1fr;padding-bottom:30px}.pricing-faq__panel-inner{min-height:0;overflow:hidden}@media (width<=1030px){.lifetime-pricing{grid-template-columns:minmax(0,1fr);min-height:760px}.lifetime-pricing__bento,.lifetime-pricing>.lifetime-pricing__card{min-height:0}.lifetime-pricing>.lifetime-pricing__card--free{transform:translate(-70px,32px)scale(.94)}.lifetime-pricing>.lifetime-pricing__card--paid{transform:translate(70px,-160px)}.lifetime-pricing__purchase{flex-direction:column;align-items:stretch}.lifetime-pricing__header h2{font-size:28px;line-height:1.12}}@media (width<=900px){.lifetime-pricing{grid-template-columns:minmax(0,1fr);row-gap:18px;min-height:auto;padding:34px 22px}.lifetime-pricing__bento,.lifetime-pricing>.lifetime-pricing__card{min-height:0}.lifetime-pricing>.lifetime-pricing__card{position:relative}.lifetime-pricing>.lifetime-pricing__card--free,.lifetime-pricing>.lifetime-pricing__card--paid{opacity:1;transform:none}.lifetime-pricing__purchase{flex-direction:column;align-items:stretch}.lifetime-pricing__header h2{font-size:28px;line-height:1.12}.pricing-faq__trigger{gap:14px;padding:24px 22px}.pricing-faq__item dd{padding:0 22px}.pricing-faq__item dd.pricing-faq__panel--open{padding-bottom:24px}}.lifetime-pricing{grid-template-rows:auto auto;align-content:start;gap:clamp(54px,7vw,86px);min-height:0}.lifetime-pricing__cards{justify-items:center;width:min(100%,920px);height:500px;display:grid;position:relative}.lifetime-pricing__cards>.lifetime-pricing__card{box-shadow:none;text-align:left;background:0 0;border:0;border-radius:0;align-content:center;width:min(100%,434px);max-width:434px;padding:0;display:grid;position:absolute;top:50%}.lifetime-pricing__cards>.lifetime-pricing__card--free{opacity:.72;z-index:1;transform:translate(-245px,calc(-50% - 8px))scale(.94)}.lifetime-pricing__cards>.lifetime-pricing__card--paid{z-index:2;transform:translate(205px,calc(-50% - 20px))}.lifetime-pricing>.lifetime-pricing__card{position:static;transform:none}.lifetime-pricing__security{text-align:center;place-items:center;gap:clamp(28px,4vw,42px);width:min(100%,860px);max-width:860px;display:grid}.lifetime-pricing__security-copy{justify-items:center;gap:14px;display:grid}.lifetime-pricing__security-copy span{color:var(--a0);letter-spacing:.1em;text-transform:uppercase;font-family:Inter,body;font-size:16px;font-weight:700;line-height:1}.lifetime-pricing__security-copy h2{color:var(--c1);font-family:display;font-size:clamp(39px,5vw,51px);font-weight:calc(315 + var(--cream-slab-weight-increase,0));letter-spacing:-.015em;margin:0;line-height:1.08}.lifetime-pricing__security-copy p{color:var(--c4);max-width:660px;margin:0;font-size:20px;line-height:1.45}.lifetime-pricing__security-badges{color:color-mix(in srgb, var(--c2) 78%, var(--c4));opacity:.78;justify-content:center;align-items:center;gap:clamp(26px,5vw,46px);display:flex}.lifetime-pricing__security-badges svg{width:clamp(82px,10vw,112px);height:clamp(82px,10vw,112px);display:block}@media (width<=1030px){.lifetime-pricing__cards{height:560px}.lifetime-pricing__cards>.lifetime-pricing__card--free{transform:translate(-86px,calc(12px - 50%))scale(.94)}.lifetime-pricing__cards>.lifetime-pricing__card--paid{transform:translate(86px,calc(-50% - 160px))}}@media (width<=900px){.lifetime-pricing{gap:36px}.lifetime-pricing__cards{gap:18px;height:auto}.lifetime-pricing__cards>.lifetime-pricing__card{max-width:720px;position:relative;top:auto}.lifetime-pricing__cards>.lifetime-pricing__card--free,.lifetime-pricing__cards>.lifetime-pricing__card--paid{opacity:1;transform:none}.lifetime-pricing__security-copy h2{font-size:38px}.lifetime-pricing__security-copy p{font-size:18px}.lifetime-pricing__security-badges svg{width:68px;height:68px}}@media (width>=700px) and (prefers-reduced-motion:no-preference){[data-hero-entrance]:not([data-hero-entered]){animation:home-hero-reveal 1s cubic-bezier(.25, .1, .25, 1) var(--hero-delay,0s) backwards}[data-hero-entrance=title]{--hero-delay:0s;--hero-blur:10px}[data-hero-entrance=copy]{--hero-delay:80ms;--hero-blur:4px}[data-hero-entrance=actions]{--hero-delay:.16s;--hero-blur:2px}[data-hero-entrance=preview]:not([data-hero-entered]),[data-hero-entrance=backdrop]:not([data-hero-entered]){--hero-delay:.24s;animation-name:home-hero-surface}[data-hero-entrance]:focus-within{animation:none}@keyframes home-hero-reveal{0%{opacity:0;filter:blur(var(--hero-blur))}to{opacity:1;filter:blur()}}@keyframes home-hero-surface{0%{opacity:0}to{opacity:1}}}@media print{[data-hero-entrance]{animation:none!important}}:root{--marketing-mention:oklch(75% .12 250)}.homepage-sections{color:var(--color-ink);background:#000;font-family:Roboto Slab Variable,display,serif;position:relative;overflow-x:clip}.homepage-sections-inner{width:min(1000px,100% - 48px);margin-inline:auto;padding-bottom:100px}.homepage-feature{padding:64px 0}.macro-homepage .homepage-sections-inner>:is(.homepage-feature,.homepage-testimonials,.homepage-blog,.homepage-feature-end){width:min(680px,100%);margin-inline:auto}.homepage-conversation{width:min(760px,100%);font-family:var(--font-sans), "Inter", sans-serif;letter-spacing:normal;flex-direction:column;gap:28px;margin:0 auto 48px;padding:0;font-size:16px;font-weight:370;line-height:1.65;list-style:none;display:flex}.homepage-message{grid-template-columns:32px minmax(0,1fr);grid-template-areas:".name""avatar bubble"".reaction";align-self:flex-start;gap:6px 10px;max-width:82%;display:grid}.homepage-message[data-side=self]{grid-template-columns:minmax(0,1fr) 32px;grid-template-areas:"name.""bubble avatar""reaction.";align-self:flex-end}.homepage-message-name{color:var(--color-ink-muted);grid-area:name;padding-inline:16px;font-size:12px;line-height:1.4}.homepage-message[data-side=self] .homepage-message-name{text-align:right}.homepage-message-body{grid-area:bubble;min-width:0}.homepage-message-person{grid-area:avatar;align-self:end;margin-bottom:2px;display:inline-flex}.homepage-message-person [data-slot=avatar]{width:32px;height:32px;transition:transform .18s}.homepage-message-person:hover [data-slot=avatar],.homepage-message-person:focus-visible [data-slot=avatar]{transform:scale(1.07)}.homepage-message [data-user-message-bubble]{max-width:100%;margin:0}.homepage-message[data-side=peer] [data-user-message-bubble]{background:var(--color-panel);color:var(--color-ink)}.homepage-message-reaction{min-height:28px;color:var(--color-ink-muted);background:var(--color-surface);grid-area:reaction;justify-self:start;transition:background .18s,transform .18s}.homepage-message[data-side=self] .homepage-message-reaction{justify-self:end}.homepage-message-reaction:hover{transform:translateY(-1px)}.homepage-message-reaction[aria-pressed=true]{color:var(--color-ink);background:var(--color-active);border-color:var(--color-ink-muted)}.homepage-mention{vertical-align:baseline;max-width:100%;color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb, currentColor 25%, transparent);text-underline-offset:3px;white-space:normal;border-radius:5px;align-items:baseline;gap:4px;padding:0;display:inline-flex}.homepage-mention>svg{flex-shrink:0;align-self:center}.homepage-mention:hover,.homepage-mention:focus-visible{background:var(--color-hover);text-decoration-color:currentColor}.homepage-enter{transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1)}.homepage-enter[data-reveal=waiting]{opacity:.2;transform:translateY(16px)}.homepage-enter[data-reveal=visible]{opacity:1;transform:translateY(0)}.homepage-message.homepage-enter,.homepage-message.homepage-enter[data-reveal=waiting],.homepage-message.homepage-enter[data-reveal=visible]{opacity:1;transition:none;transform:none}.homepage-message [data-user-message-bubble]{transform-origin:0 100%}.homepage-message[data-side=self] [data-user-message-bubble]{transform-origin:100% 100%}.homepage-message[data-reveal=waiting] [data-user-message-bubble]{opacity:0;transform:scale(.9)}.homepage-message[data-reveal=visible] [data-user-message-bubble]{animation:.44s cubic-bezier(.18,1.15,.36,1) both homepage-bubble-pop}.homepage-message+.homepage-message[data-reveal=visible] [data-user-message-bubble]{animation-delay:70ms}@keyframes homepage-bubble-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.homepage-enter,.homepage-message-person [data-slot=avatar],.homepage-message-reaction{transition:none;transform:none}.homepage-enter[data-reveal=waiting]{opacity:1;transform:none}.homepage-message [data-user-message-bubble]{opacity:1;animation:none;transform:none}}.homepage-feature-graphic{width:100%;min-width:0}.homepage-feature-visual{position:relative}.homepage-feature-heading{text-align:center;margin-bottom:56px}.homepage-feature-title{justify-content:center;align-items:center;gap:16px;margin-bottom:20px;display:flex}#coding-agents .homepage-feature-title{flex-direction:column}.homepage-feature-heading h2{text-wrap:balance;color:var(--color-ink);font-family:Roboto Slab Variable,display,serif;font-size:clamp(28px,3.2vw,40px);font-weight:calc(315 + var(--cream-slab-weight-increase,0));letter-spacing:-.035em;margin:0;line-height:1.25}.homepage-section-break{width:100%;color:var(--color-ink-placeholder);align-items:center;gap:24px;font:370 14px/1.65 Inter Variable,Inter,sans-serif;display:flex}.homepage-section-break>span{background:color-mix(in srgb, var(--color-ink) 16%, transparent);flex:1;height:1px}.homepage-section-break p{min-width:0;color:inherit;text-wrap:balance;flex:0 440px;margin:0}@media (width<=699px){.homepage-feature-heading{margin-bottom:36px}.homepage-feature-title{margin-bottom:16px}#coding-agents .homepage-feature-title{gap:10px}#coding-agents .homepage-feature-heading h2{white-space:nowrap;font-size:clamp(18px,5.5vw,28px)}.homepage-section-break{gap:12px;font-size:13px}.homepage-section-break>span{flex:0 0 20px}.homepage-section-break p{flex:1}}.homepage-founder-rule{color:color-mix(in srgb, var(--color-ink) 16%, transparent)}@media (width<=699px){.homepage-founder-letter{font-size:12px}}.homepage-feature-email,.homepage-feature-spreadsheet{max-width:920px;margin-inline:auto}.homepage-feature-email{--homepage-email-height:500px}.homepage-feature-email .homepage-email-demo{--color-composer:var(--color-surface-0)}.homepage-feature-email .homepage-compose-loading{height:var(--homepage-email-height);min-height:var(--homepage-email-height)}.homepage-spreadsheet{border:1px solid var(--color-edge-muted);background:var(--color-surface);border-radius:16px;flex-direction:column;height:460px;display:flex;overflow:hidden}.homepage-doc-history{margin:0;position:relative}@media (width<=767px){.homepage-doc-history .homepage-doc-timeline{display:none}}.homepage-feature-end{margin-top:0;padding:clamp(72px,12svh,140px) 0 56px;position:relative}.homepage-closing-rule{border:0;border-top:1px solid var(--color-edge-muted);width:100%;margin:0;position:absolute;top:0;left:0}.homepage-closing-signup{justify-content:center;display:flex;container-type:inline-size}.homepage-closing-signup .feature-page-cta{--u:min(3px, (100cqw - 48px) / 172);gap:calc(16 * var(--u));width:auto;min-width:calc(172 * var(--u));min-height:calc(56 * var(--u));padding:calc(12 * var(--u)) calc(22 * var(--u));box-shadow:inset 0 var(--u) 0 #fff, inset 0 calc(-2 * var(--u)) calc(2 * var(--u)) #00000018, 0 var(--u) 0 #ffffff26, 0 calc(10 * var(--u)) calc(24 * var(--u)) calc(-12 * var(--u)) #0008;font-size:calc(16 * var(--u));line-height:calc(24 * var(--u))}.homepage-closing-signup .feature-page-cta:after{padding:var(--u)}.homepage-closing-signup .feature-page-cta svg{width:calc(24 * var(--u));height:calc(24 * var(--u))}@media (width<=699px){.homepage-sections-inner{width:calc(100% - 36px)}.homepage-feature{padding:40px 0}.homepage-conversation{gap:24px;margin-bottom:32px;font-size:15px}.homepage-message{max-width:92%}#documents{padding-bottom:20px}#coding-agents{padding-top:20px}}.workspace-demo{color:var(--color-ink);font-family:var(--font-sans)}.homepage-compose-status{color:var(--color-ink-muted);justify-content:space-between;gap:16px;margin-bottom:18px;font-size:13px;display:flex}.homepage-compose-status span:last-child{color:var(--color-ink-placeholder)}.homepage-compose-loading{min-height:480px;color:var(--color-ink-muted);place-items:center;display:grid}.homepage-compact-proof{width:min(480px,100vw - 48px);margin-inline:auto}.homepage-compact-proof .home-proof-section{flex-direction:row;gap:16px;min-height:0;padding:24px 0 52px}.homepage-compact-proof .home-proof-signal{flex:1;gap:8px;min-width:0}.homepage-compact-proof .home-proof-mark-row{height:28px}.homepage-compact-proof .home-proof-a16z{height:21px}.homepage-compact-proof .home-proof-github-row{gap:6px;font-size:14px}.homepage-compact-proof .home-proof-github-icon{width:16px;height:16px}.homepage-compact-proof .home-proof-star{width:12px;height:12px}.homepage-compact-proof .home-proof-badges{gap:8px}.homepage-compact-proof .home-proof-badge{width:25px;height:25px}.homepage-compact-proof .home-proof-caption{letter-spacing:.08em;font-size:8px}.homepage-compact-proof .home-proof-divider{height:32px}@media (width>=768px){.homepage-compact-proof{width:min(600px,100vw - 48px)}.homepage-compact-proof .home-proof-section{gap:20px;padding:30px 0 65px}.homepage-compact-proof .home-proof-signal{gap:10px}.homepage-compact-proof .home-proof-mark-row{height:35px}.homepage-compact-proof .home-proof-a16z{height:26.25px}.homepage-compact-proof .home-proof-github-row{gap:7.5px;font-size:17.5px}.homepage-compact-proof .home-proof-github-icon{width:20px;height:20px}.homepage-compact-proof .home-proof-star{width:15px;height:15px}.homepage-compact-proof .home-proof-badges{gap:10px}.homepage-compact-proof .home-proof-badge{width:31.25px;height:31.25px}.homepage-compact-proof .home-proof-caption{font-size:10px}.homepage-compact-proof .home-proof-divider{height:40px}}@media (width<=639px){.homepage-compact-proof .home-proof-section{gap:12px}.homepage-compact-proof .home-proof-a16z{height:17px}.homepage-compact-proof .home-proof-github-row{gap:5px;font-size:12px}.homepage-compact-proof .home-proof-badges{gap:5px}.homepage-compact-proof .home-proof-badge{width:21px;height:21px}.homepage-compact-proof .home-proof-caption{letter-spacing:.04em;font-size:7px}}.homepage-agent-avatar{background:var(--color-panel);border:1px solid var(--color-edge-muted);width:32px;height:32px;color:var(--color-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.homepage-agent-avatar[data-agent=claude]{color:#d97757}.homepage-agent-label{color:var(--color-ink-placeholder);margin-left:7px;font-size:10px}.homepage-person-mention{color:var(--marketing-mention);background:color-mix(in srgb, var(--marketing-mention) 12%, transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:1px 3px}.homepage-sections{z-index:1}.feature-page textarea,.macro-homepage textarea,.guide-graphic textarea,.agents-view-portal textarea{resize:none}.feature-page{--font-sans:"Inter Variable", Inter, sans-serif;width:100%;min-width:0;color:var(--color-ink);font-family:var(--font-sans);background:0 0}.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-offset:4px;outline:2px solid #aaa}.feature-page :is(h1,h2,h3){color:var(--color-ink)}.feature-page-hero{isolation:isolate;text-align:center;flex-direction:column;align-items:center;padding:150px 24px 100px;display:flex;position:relative}.feature-page-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 28%, color-mix(in srgb, var(--color-ink) 3%, transparent), transparent 57%);position:absolute;inset:36px 0 0}.feature-page-hero-mark{border:1px solid color-mix(in srgb, var(--color-ink) 9%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--color-ink) 4%, transparent), transparent);width:60px;height:60px;color:var(--color-ink-muted);border-radius:18px;place-items:center;margin-bottom:28px;display:grid}.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{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;margin:18px 0 24px}.feature-page-hero>p:not(.feature-page-eyebrow){max-width:460px;color:var(--color-ink-muted);text-wrap:balance;font-size:16px;line-height:1.8}.feature-page .feature-page-cta{color:#000}.feature-page-hero-actions .feature-page-cta{margin-top:0}.feature-page-hero>small{color:var(--color-ink-subtle);margin-top:18px;font-size:11px;display:block}.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;color:var(--color-ink-subtle);text-align:center;text-wrap:balance;font-size:12px;line-height:1.8;margin:24px auto 0!important}.feature-page-reading{width:min(608px,100%);color:var(--color-ink-muted);margin:68px auto 0;padding:64px 24px 72px;font:370 15px/28px Inter Variable,Inter,sans-serif}.feature-page-reading-rule{background:var(--color-edge);width:48px;height:1px;margin-bottom:40px}.feature-page-reading>h2{letter-spacing:-.025em;margin:16px 0 28px;font:500 24px/32px Inter Variable,Inter,sans-serif}.feature-page-prose{gap:24px;display:grid}.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{color:var(--color-ink-muted);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 0;font-size:14px;font-weight:500;line-height:24px;list-style:none;display:flex}.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{width:16px;height:16px;color:var(--color-ink-subtle);flex:none;margin-top:4px;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-underline-offset:4px;text-decoration:underline #666}.feature-page-reading-links{color:var(--color-ink-subtle);font-size:12px;margin-top:32px!important}.feature-page-comparison{border-block:1px solid color-mix(in srgb, var(--color-ink) 9%, transparent);max-width:920px;margin:0 auto 72px}.feature-page-comparison-content{min-width:0;padding:16px 0 32px}.feature-page-comparison-content>p{color:var(--color-ink-subtle);text-align:center;margin-top:20px;font-size:12px}.feature-page-end{border-top:1px solid color-mix(in srgb, var(--color-ink) 9%, transparent);text-align:center;flex-direction:column;align-items:center;gap:28px;padding:76px 0 100px;display:flex}.feature-page-end h2{font:calc(315 + var(--cream-slab-weight-increase,0)) clamp(30px, 4vw, 44px)/1.2 "Roboto Slab Variable", display, serif;letter-spacing:-.03em;margin:0}.feature-page-footer{flex-wrap:wrap;justify-content:center;gap:20px;padding:0 0 100px;display:flex}.feature-page-footer a{color:var(--color-ink-subtle);font-size:12px;text-decoration:none}@media (width<=699px){.feature-page-hero{padding:120px 0 64px}.feature-page-hero h1{font-size:clamp(38px,11vw,46px);line-height:1.08}.feature-page-hero>p:not(.feature-page-eyebrow){text-wrap:pretty;max-width:100%;font-size:14px}.feature-page-section{padding:56px 0 24px}.feature-page-section .homepage-feature-heading{margin-bottom:32px}.feature-page-reading{margin-top:40px;padding:48px 0;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}}.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{width:min(640px,100% - 64px);margin-block:var(--feature-section-space) 0;padding-block:0;padding-inline: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] .email-desktop-demo{margin-bottom:64px}@media (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-reading{width:calc(100% - 48px)}.feature-page[data-product-spacing=true] .product-page .feature-page-reading{width:calc(100% - 16px)}}html:not([data-palette=cream]) .feature-page{--feature-copy-color:#a8a8a8}.feature-page[data-product-spacing=true] .feature-page-section{width:min(800px,100% - 64px);margin-block:0;margin-inline:auto;padding-block:64px 44px;position:relative}.feature-page-section:before{content:"";border-top:1px solid color-mix(in srgb, var(--color-ink) 5.4%, transparent);pointer-events:none;width:100vw;position:absolute;inset:0 auto auto 50%;transform:translate(-50%)}.product-feature-intro{text-align:left;width:min(640px,100%);margin:0 auto 28px}.product-feature-intro h2{font:calc(320 + var(--cream-slab-weight-increase,0)) 40px/1.2 "Roboto Slab Variable", display, serif;letter-spacing:-.035em;white-space:nowrap;margin:0 0 24px}.product-feature-intro h2>span{display:inline-block}.product-feature-intro p{max-width:none;color:var(--feature-copy-color,var(--color-ink-muted));letter-spacing:normal;text-wrap:pretty;font:370 17.5px/1.8 Inter Variable,Inter,sans-serif}.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}@media (width<=699px){.feature-page[data-product-spacing=true] .feature-page-section{width:calc(100% - 32px);max-width:540px;padding-block:52px 32px}.feature-page[data-product-spacing=true] .product-page .feature-page-section{width:100%}.product-feature-intro{width:calc(100% - 16px);margin-bottom:20px}.product-feature-intro h2{white-space:normal;text-wrap:balance;margin-bottom:20px;font-size:28px}.product-feature-intro p{line-height:1.55}}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-hero-actions{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}:is(.feature-page,.macro-homepage) :is(.product-page,.feature-page-visual,.homepage-sections) :is(.product-demo.glass,.feature-demo-context.glass,.workspace-feature-scene.glass,.macro-preview-back,.mds-card,.mail-app,.homepage-spreadsheet,.homepage-email-surface,.homepage-agent-chip .demo-cursor-card,.email-desktop-window){--glass-rim-background:linear-gradient(135deg, #ffffff16, #ffffff08 35%, #ffffff04 65%, #ffffff09);-webkit-backdrop-filter:blur(16px)saturate(115%);background:linear-gradient(135deg,#ffffff07,#0000 55%),#101012a3;box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #ffffff07,0 14px 32px -24px #0009}.macro-homepage .homepage-sections .homepage-agent-chip .demo-cursor-card,.macro-homepage .homepage-sections .homepage-crm .mds-card{--glass-rim-background:linear-gradient(135deg, #ffffff0d, #ffffff05 35%, #ffffff02 65%, #ffffff05);background:linear-gradient(135deg,#ffffff04,#0000 55%),#101012a3;box-shadow:inset 0 1px #ffffff0b,inset 0 0 0 1px #ffffff04,0 14px 32px -24px #0000005c}.macro-homepage .homepage-sections .homepage-agent-chip .demo-cursor-card:after,.macro-homepage .homepage-sections .homepage-crm .mds-card:before,.macro-homepage .homepage-sections .homepage-crm .mds-card:after{opacity:.6}.macro-homepage .homepage-sections :is(.homepage-email-surface,.homepage-collaborative-doc .mds-card){box-shadow:inset 0 1px #ffffff0c,inset 0 0 0 1px #ffffff05,0 14px 32px -24px #00000063}.macro-homepage .homepage-sections .homepage-crm .mds-card{box-shadow:inset 0 1px #ffffff07,inset 0 0 0 1px #ffffff03,0 14px 32px -24px #0000003c}.macro-homepage .homepage-sections .homepage-email-surface:after,.macro-homepage .homepage-sections .homepage-collaborative-doc .mds-card:before{opacity:.65}.macro-homepage .homepage-sections .homepage-crm .mds-card:before,.macro-homepage .homepage-sections .homepage-crm .mds-card:after{opacity:.39}:is(.feature-page,.macro-homepage) :is(.product-page,.feature-page-visual,.homepage-sections) :is(.mds-card,.product-demo.glass,.homepage-spreadsheet) .homepage-sheet-editor{background:0 0}@media (prefers-reduced-transparency:reduce){:is(.feature-page,.macro-homepage) :is(.product-page,.feature-page-visual,.homepage-sections) :is(.product-demo.glass,.feature-demo-context.glass,.workspace-feature-scene.glass,.macro-preview-back,.mds-card,.mail-app,.homepage-spreadsheet,.homepage-email-surface,.homepage-agent-chip .demo-cursor-card,.email-desktop-window){-webkit-backdrop-filter:none;background:#111113}}.feature-page .feature-page-section :is(.calendar-story-glass,.forms-card,.booking-story-card,.benefit-glass,.workspace-feature-scene,.mail-sharing-email){isolation:isolate;-webkit-backdrop-filter:blur(16px)saturate(115%);background:linear-gradient(135deg,#ffffff0b,#0000 55%),#101012a3;position:relative;box-shadow:inset 0 1px #ffffff18,inset 0 0 0 1px #ffffff0c}.feature-page .feature-page-section :is(.calendar-story-glass,.forms-card,.booking-story-card,.benefit-glass,.mail-sharing-email):before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(135deg,#ffffff0c,#ffffff03 55%,#ffffff06);border:1px solid #ffffff14;border-radius:38px;position:absolute;inset:-12px}.feature-page-section .demo-reserved-badge{min-width:0;max-width:100%;display:inline-flex}.feature-page-section .demo-reserved-badge[data-visible=false]{visibility:hidden;pointer-events:none}.feature-page-section :is(.benefit-tag,.calendar-story-choice){backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff09,#ffffff02),#1e20208a;box-shadow:inset 0 1px #ffffff0c,inset 0 0 0 1px #ffffff06}@media (prefers-reduced-transparency:reduce){.feature-page .feature-page-section :is(.calendar-story-glass,.forms-card,.booking-story-card,.benefit-glass,.workspace-feature-scene,.mail-sharing-email){-webkit-backdrop-filter:none;background:#101012}}.feature-demo-art[data-glass-frame] :is(.booking-story-card,.workspace-feature-scene):before{display:none}.feature-page .feature-page-section .mail-sharing-email{box-shadow:inset 0 1px #ffffff18,inset 0 0 0 1px #ffffff0c,0 0 0 11px #ffffff04,0 0 0 12px #ffffff14}.feature-page .feature-page-section .mail-sharing-email:before{display:none}:is(.feature-page,.macro-homepage) :is(.product-demo,.macro-preview-back,.mds-card,.mail-app,.homepage-email-surface,.homepage-agent-chip .demo-cursor-card,.email-desktop-window) :is(.dummy-workspace:not(.product-demo),.workspace-demo-panel,.workspace-demo-panel [data-view-shell-top-bar],.homepage-sheet-editor,.github-changes){background:0 0}:is(.feature-page,.macro-homepage) :is(.product-demo,.macro-preview-back,.mds-card,.mail-app,.email-desktop-window) :is([data-view-sidebar],.review-home>.dummy-rail){background:color-mix(in srgb, var(--color-panel) 12%, transparent)}@media (width<=699px){:is(.feature-page,.macro-homepage) .product-sidebared-scene>[data-view-sidebar]{background:var(--color-panel)}}.page-outline-layout{width:100%;min-width:0}.page-outline-content{min-width:0}.page-outline{display:none}@media (width>=1440px){.page-outline-layout{box-sizing:border-box;padding-right:calc(241px / var(--site-scale,1))}.page-outline{box-sizing:border-box;scrollbar-width:none;zoom:calc(1 / var(--site-scale,1));width:241px;max-height:calc(100dvh - 196px);color:color-mix(in srgb, var(--color-ink,var(--c0)) 60%, transparent);padding:0 32px 24px;font:370 14px/20px Inter Variable,Inter,sans-serif;display:block;position:fixed;top:156px;right:0;overflow-y:auto}#app-scroll-root:has(.page-outline-layout) .site-header{right:32px}#app-scroll-root:has(.page-outline-layout) .site-header-actions{flex-direction:column-reverse;align-items:stretch;gap:10px;width:177px}#app-scroll-root:has(.page-outline-layout) .site-header a.site-nav-start{width:177px}.page-outline::-webkit-scrollbar{display:none}.page-outline p{color:color-mix(in srgb, var(--color-ink,var(--c0)) 70%, transparent);margin:0 0 8px;font-size:12px;font-weight:370;line-height:1.6}.page-outline-layout .page-outline a{border-left:1px solid color-mix(in srgb, currentColor 14%, transparent);color:color-mix(in srgb, var(--color-ink,var(--c0)) 60%, transparent);padding:6px 12px 6px 16px;text-decoration:none;display:block}.page-outline a:hover,.page-outline a[aria-current]{color:var(--color-ink,var(--c0));border-color:currentColor}.page-outline a:focus-visible{outline-offset:2px;outline:2px solid}}.page-outline-content :is(.product-feature-intro h2,.feature-page-reading>h2,.documentation-body h2,.documentation-body h3){scroll-margin-top:110px}.feature-demo-backdrop{--workspace-texture-mask:radial-gradient(ellipse 48% 38% at 36% 43%, #0009, #0003 48%, transparent 85%), radial-gradient(ellipse 36% 46% at 66% 59%, #0007, transparent 82%);--workspace-grain-opacity:.24;--workspace-dots-opacity:.32;z-index:-1;pointer-events:none;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000),linear-gradient(#0000,#000 16% 84%,#0000);mask-composite:intersect}.feature-demo-backdrop:before{content:"";background:radial-gradient(ellipse 48% 38% at 35% 42%, color-mix(in srgb, var(--feature-glow) 14%, transparent), color-mix(in srgb, var(--feature-glow) 4%, transparent) 38%, transparent 80%), radial-gradient(ellipse 34% 48% at 65% 58%, color-mix(in srgb, var(--feature-glow) 11%, transparent), color-mix(in srgb, var(--feature-glow) 3%, transparent) 40%, transparent 82%), radial-gradient(ellipse 42% 26% at 49% 64%, color-mix(in srgb, var(--feature-glow) 6%, transparent), transparent 85%);filter:blur(24px);position:absolute;inset:0}html[data-theme-light=true] .feature-demo-backdrop{opacity:.6}.feature-page-section :is(.calendar-story,.forms-story,.benefit-graphic)>.feature-demo-backdrop{--workspace-dots-opacity:.4;--workspace-grain-opacity:.24;inset:-108px -120px}.feature-page-section :is(.calendar-story,.forms-story,.benefit-graphic)>.feature-demo-backdrop:before{opacity:.7}.feature-demo-art{--feature-glow:#7abde5;isolation:isolate;padding:36px 0 28px;position:relative}.feature-demo-art[data-tone=chat]{--feature-glow:#8d9de9}.feature-demo-art[data-tone=documents]{--feature-glow:#b8a1ed}.feature-demo-art[data-tone=tasks]{--feature-glow:#65d8ac}.feature-demo-art[data-tone=agents],.feature-demo-art[data-tone=github]{--feature-glow:#f77d67}.feature-demo-art[data-tone=calls]{--feature-glow:#e99cbb}.feature-demo-art[data-tone=crm]{--feature-glow:#f4c65c}.feature-demo-art>.feature-demo-backdrop{inset:-50px -80px}.feature-demo-art{flex-direction:column;gap:28px;display:flex}.feature-demo-primary{order:1;width:100%;position:relative}.feature-page .feature-demo-primary .feature-page-visual{width:100%;margin:0}.feature-demo-context{pointer-events:none;order:0;width:min(680px,100%);margin:0 auto;position:relative}.feature-demo-context .homepage-conversation{margin:0;font-size:16px;line-height:1.65}.feature-demo-context .homepage-message{width:100%;max-width:100%}.feature-demo-context .homepage-enter{opacity:1;animation:none;transform:none}.feature-demo-context .homepage-message [data-user-message-bubble]{font-size:inherit;line-height:inherit}.feature-page .feature-demo-art .product-demo,.feature-demo-art .mail-sharing-splits>.mail-sharing-email{--product-demo-fade-tail:0px;background:linear-gradient(135deg,#ffffff07,#0000 55%),#101012a3;border:0;border-radius:26.25px;padding-bottom:0;box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #ffffff07,0 14px 32px -24px #0009;-webkit-mask-image:none;mask-image:none}.feature-page .feature-demo-art .product-demo-stage:before,.feature-page .feature-demo-art .product-demo-stage:after{display:none}.feature-demo-primary:has(.feature-page-visual[data-demo-active=true]){z-index:3}.feature-page .feature-demo-art .mail-sharing-stage .mail-app{height:auto;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;overflow:visible;mask-image:none}.feature-demo-art .mail-sharing-stage .mail-app:before{display:none}.feature-demo-art .mail-sharing-splits{flex-direction:column;gap:28px;height:auto;display:flex}.feature-demo-art .mail-sharing-splits>section{width:100%;display:block;position:relative}.feature-demo-art .mail-sharing-splits>.mail-sharing-email{height:450px;overflow:hidden}.feature-demo-art .mail-sharing-splits>.mail-sharing-chat{width:min(680px,100%);height:400px;box-shadow:none;background:0 0;border:0;margin:0 auto}.feature-demo-art .mail-sharing-stage .mail-share-scrim{z-index:3;padding:66px 24px 24px}.feature-demo-art .mail-sharing-stage .mail-share-form{border-radius:22px}.feature-demo-art .mail-sharing-stage .mail-channel-messages .homepage-conversation,.feature-demo-art .mail-sharing-email .mail-thread-body{font-size:16px}.feature-demo-art .doc-agent-rebuilt{flex-direction:column;display:flex}.feature-demo-art .doc-agent-rebuilt>.product-demo-stage{order:2;width:100%}.feature-demo-art .doc-agent-conversation{order:0;width:min(680px,100%);max-width:none;margin:0 auto 12px}.feature-demo-art .doc-agent-tools{order:1;width:min(680px,100%);max-width:none;margin:0 auto 28px;padding-inline:16px}@media (width<=699px){.feature-demo-art{gap:24px;padding:24px 0}.feature-demo-art>.feature-demo-backdrop{inset:-20px -12px}.feature-demo-context .homepage-conversation{font-size:15px}.feature-demo-art .doc-agent-tools{margin-bottom:24px;padding-inline:0}.feature-demo-art .mail-sharing-splits>.mail-sharing-email{height:470px}.feature-demo-art .mail-sharing-splits>.mail-sharing-chat{height:370px}.feature-demo-art .mail-sharing-stage .mail-share-scrim{padding:58px 12px 12px}}@media (prefers-reduced-transparency:reduce){.feature-page .feature-demo-art .product-demo,.feature-demo-art .mail-sharing-splits>.mail-sharing-email{background:#111113}}.feature-demo-art[data-glass-frame]>.feature-demo-primary{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff0c,#ffffff03 55%,#65d8ac08);border-radius:38px;width:calc(100% + 24px);margin:-12px;padding:12px;box-shadow:inset 0 0 0 1px #ffffff14,0 16px 48px -24px #0008}.feature-page .feature-demo-art[data-glass-frame] .product-demo,.feature-page .product-page .feature-page-section .product-demo{-webkit-backdrop-filter:blur(16px)saturate(115%);background:linear-gradient(135deg,#ffffff0b,#0000 55%),#101012a3;box-shadow:inset 0 1px #ffffff18,inset 0 0 0 1px #ffffff0c,0 14px 32px -24px #0009}.feature-demo-art[data-glass-frame]>.feature-demo-backdrop{--workspace-dots-opacity:.4;--workspace-grain-opacity:.24;--workspace-texture-mask:radial-gradient(ellipse 42% 45% at 18% 30%, #000b, transparent 85%), radial-gradient(ellipse 38% 48% at 82% 70%, #0009, transparent 85%);inset:-108px -120px}.feature-demo-art[data-glass-frame]>.feature-demo-backdrop:before{opacity:.7;background:radial-gradient(ellipse 42% 42% at 18% 30%, color-mix(in srgb, var(--feature-glow) 18%, transparent), transparent 80%), radial-gradient(ellipse 38% 48% at 82% 70%, color-mix(in srgb, var(--feature-glow) 13%, transparent), transparent 82%)}@media (prefers-reduced-transparency:reduce){.feature-page .feature-demo-art[data-glass-frame] .product-demo{-webkit-backdrop-filter:none;background:#101012}.feature-demo-art[data-glass-frame]>.feature-demo-primary{-webkit-backdrop-filter:none;background:#141917}}.feature-page .feature-page-section .product-demo-stage:before,.feature-page .feature-page-section .product-demo-stage:after{display:none}.feature-page .product-page .feature-page-section .product-demo{--product-demo-fade-tail:0px;border:0;border-radius:26.25px;padding-bottom:0;-webkit-mask-image:none;mask-image:none}.feature-page-section [data-view-shell-top-bar]>.sample-tabs-inset{margin-left:12px}.feature-page-section .sample-chat-composer .mail-channel-input,.feature-page-section .sample-thread-editor .mail-channel-input{white-space:pre;scrollbar-width:none;min-height:24px;max-height:24px;overflow:auto hidden}.feature-page-section :is(.sample-task-properties .review-pr-mention,.review-pr-pill,[data-slot=property-pill]:not(.sample-list-property),[aria-label^=Change\ tag],[aria-label=Checklist\ progress],.task-pr-pill){backdrop-filter:blur(10px)saturate(110%);background:linear-gradient(135deg,#ffffff09,#ffffff02),#1e20208a;border:0;box-shadow:inset 0 1px #ffffff0c,inset 0 0 0 1px #ffffff06}.feature-page-section .sample-task-properties [aria-label=Change\ status]{width:120px}@media (prefers-reduced-transparency:reduce){.feature-page-section :is(.sample-task-properties .review-pr-mention,.review-pr-pill,[data-slot=property-pill]:not(.sample-list-property),[aria-label^=Change\ tag],[aria-label=Checklist\ progress],.task-pr-pill){backdrop-filter:none;background:#202222}}.feature-page-section .sample-channel-thread[data-thread-open=true]:before{border-left:1px solid var(--color-edge);background:0 0;width:0}.feature-page-section .sample-thread-replies .sample-message-row:before{clip-path:inset(0 0 0 1px)}.feature-page-section .sample-thread-reply-button:before{clip-path:inset(16px 0 0)}@media (prefers-reduced-transparency:reduce){.feature-page .product-page .feature-page-section .product-demo{backdrop-filter:none;background:#101012}}.feature-page .feature-demo-art :is(.mail-app,.macro-preview-back,.mds-card){-webkit-backdrop-filter:blur(16px)saturate(115%);background:linear-gradient(135deg,#ffffff0b,#0000 55%),#101012a3}@media (prefers-reduced-transparency:reduce){.feature-page .feature-demo-art :is(.mail-app,.macro-preview-back,.mds-card){-webkit-backdrop-filter:none;background:#101012}}.feature-page .product-mention{color:inherit;font:inherit;line-height:inherit;white-space:nowrap;vertical-align:baseline;background:0 0;border:0;border-radius:.25em;align-items:center;gap:.2em;padding:0;text-decoration:none;transition:background-color .16s ease-out;display:inline-flex}.product-mention-line{white-space:nowrap}.product-mention>span{text-underline-offset:.14em;text-decoration:underline 1px}.product-mention svg{flex:none;align-self:center;width:.8em;height:.8em}.product-mention:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.product-mention:focus-visible{outline-offset:3px;outline:2px solid}@media (prefers-reduced-motion:reduce){.feature-page .product-mention{transition:none}}@media (width<=699px){.product-feature-intro h2:has(.product-mention){white-space:normal;text-wrap:balance}}:is(main.feature-page,.page-aura,.marketing-content:not(:has(.feature-page,.wall-of-love))){isolation:isolate;position:relative}:is(main.feature-page,.page-aura,.marketing-content:not(:has(.feature-page,.wall-of-love))):before,:is(main.feature-page,.page-aura,.marketing-content:not(:has(.feature-page,.wall-of-love))):after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0 -15%;mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),linear-gradient(#0000,#000 160px calc(100% - 220px),#0000);mask-composite:intersect}:is(main.feature-page,.page-aura,.marketing-content:not(:has(.feature-page,.wall-of-love))):before{opacity:.65;background:radial-gradient(ellipse 55% 750px at 30% 530px, color-mix(in srgb, var(--page-aura-primary,#91b7ce) 17%, transparent), transparent 75%), radial-gradient(ellipse 55% 850px at 80% 1000px, color-mix(in srgb, var(--page-aura-secondary,#657fbc) 16%, transparent), transparent 75%), radial-gradient(ellipse 60% 1000px at 18% 38%, color-mix(in srgb, var(--page-aura-primary,#91b7ce) 11%, transparent), transparent 75%), radial-gradient(ellipse 65% 1100px at 82% 63%, color-mix(in srgb, var(--page-aura-secondary,#657fbc) 13%, transparent), transparent 75%), radial-gradient(ellipse 65% 900px at 30% 90%, color-mix(in srgb, var(--page-aura-deep,#424a86) 18%, transparent), transparent 75%)}:is(main.feature-page,.page-aura,.marketing-content:not(:has(.feature-page,.wall-of-love))):after{opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E/filter%3E%3Cpath filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E/svg%3E");background-size:180px 180px}.page-aura:before,.page-aura:after{inset-inline:0}.homepage-feature-links{isolation:isolate;width:min(448px,100%);color:var(--color-ink);margin:0 auto 44px;position:relative}.homepage-feature-links .ob-orbit-tile{transform:translate(-50%,-50%)}@media (width<=699px){.homepage-feature-links{margin-bottom:32px}}.homepage-constellation-wash{--workspace-dots-opacity:.09;--workspace-grain-opacity:.035;z-index:-1;pointer-events:none;background:radial-gradient(45% 65% at 20% 42%,#cf977c26,#0000 80%),radial-gradient(45% 65% at 80% 38%,#aa718d22,#0000 80%),radial-gradient(55% 50% at 55% 85%,#baab701c,#0000 85%);position:absolute;inset:-45px -120px;mask-image:radial-gradient(#000 35%,#0000 76%)}.homepage-feature-links :is(.ob-orbit-tile,.ob-welcome-logo){--glass-rim-background:linear-gradient(135deg, #ffffff13, #ffffff04 55%, #ffffff09);background:color-mix(in srgb, var(--color-ink) 5%, transparent);backdrop-filter:blur(16px)saturate(115%);box-shadow:none}@media (prefers-reduced-transparency:reduce){.homepage-feature-links :is(.ob-orbit-tile,.ob-welcome-logo){background:color-mix(in srgb, var(--color-surface) 92%, var(--color-ink));backdrop-filter:none}}.homepage-feature-links [data-context-scene]>svg{opacity:.75}.homepage-feature-links [data-context-scene]>div:first-child{border-color:color-mix(in srgb, var(--color-ink) 2%, transparent)}.homepage-feature-links [data-context-scene]>div:nth-child(2){border-color:color-mix(in srgb, var(--color-ink) 3%, transparent)}@media (width>=700px){.homepage-feature-links{transform-origin:top;margin-top:20px;margin-bottom:82.8px;transform:scale(1.1)}}@media (width>=390px) and (width<=699px){.homepage-feature-links{margin-top:40px}}.homepage-resources p{color:color-mix(in srgb, var(--color-ink) 70%, transparent);margin:0 0 8px;font-size:12px;font-weight:370;line-height:1.6}.homepage-resources nav+p{margin-top:24px}.page-outline-layout .homepage-resources a{border-left:1px solid color-mix(in srgb, var(--color-ink) 8.4%, transparent);color:color-mix(in srgb, var(--color-ink) 60%, transparent);justify-content:space-between;align-items:center;gap:8px;padding:6px 0 6px 16px;text-decoration:none;display:flex}.page-outline-layout .homepage-resources a:hover{color:var(--color-ink);border-color:currentColor}@media (width>=1440px){#app-scroll-root:has(.homepage-resources) .site-header,.macro-homepage:has(.homepage-resources)>.site-header{height:auto;padding:0;top:20px;right:32px}}@media (width<=1439px){.homepage-resources{display:none}.macro-home-scroll:has(>.homepage-resources) .homepage-sections-inner{padding-bottom:0}.macro-home-scroll:has(>.homepage-resources) .homepage-feature-end{padding:48px 0 32px}}.homepage-resources nav.homepage-social-links{flex-wrap:nowrap;gap:0;display:flex}.page-outline-layout .homepage-social-links a{border:0;border-radius:6px;flex-shrink:0;justify-content:center;width:32px;min-height:36px;padding:6px}.page-outline-layout .homepage-social-links a:hover{background:color-mix(in srgb, var(--color-ink) 6%, transparent)}.page-outline-layout .homepage-social-links a:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.homepage-social-links svg{width:20px;height:20px}.homepage-open-source-badges{color:var(--color-ink-extra-muted);justify-content:center;align-items:center;gap:calc(clamp(24px,4vw,56px) + 10px);margin:44px auto 0;display:flex}.homepage-open-source-badges>div{flex-direction:column;align-items:center;gap:14px;display:flex}.homepage-open-source-badges span{font-size:11px;line-height:1.5}.homepage-open-source-backing>svg{width:120px;height:36px;color:var(--color-ink-muted)}.homepage-open-source-security>div{gap:14px;display:flex}.homepage-open-source-security svg{width:36px;height:36px}@media (width<=767px){.homepage-open-source-badges{flex-wrap:wrap;gap:34px;margin-top:36px}.homepage-open-source-badges span{font-size:10px}.homepage-open-source-backing>svg{width:100px}.homepage-open-source-security svg{width:30px;height:36px}}.macro-home-hero .homepage-open-source-badges{min-height:calc(65.425px + clamp(140px,26svh,260px)/1.53846);margin:0 auto}@media (width<=767px){.macro-home-hero .homepage-open-source-badges{min-height:176.25px}}.macro-home-hero .homepage-open-source-badges>div{opacity:.85;transition:opacity .6s,transform .6s}.macro-home-hero .homepage-open-source-badges[data-revealed=false]>div{opacity:.4;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.macro-home-hero .homepage-open-source-badges>div{opacity:.85;transition:none;transform:none}}@media (width<=699px){.macro-home-hero .homepage-open-source-badges{min-height:206.25px}.macro-home-hero .homepage-open-source-badges span{font-size:8px}.macro-home-hero .homepage-open-source-badges{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;display:grid}.macro-home-hero .homepage-open-source-backing{justify-self:end}.macro-home-hero .homepage-open-source-security{justify-self:start}.macro-home-hero .homepage-open-source-backing>svg{align-self:flex-end}.macro-home-hero .homepage-open-source-security>div{align-self:flex-start}}.macro-text-hero{width:min(760px,100%);margin-inline:auto}.macro-text-hero-copy{text-align:center;flex-direction:column;align-items:center;display:flex}.macro-text-hero-copy h2{color:#a8a8a8;letter-spacing:normal;text-wrap:balance;width:min(640px,100%);margin:24px 0 0;font:370 17.5px/1.65 Inter Variable,Inter,sans-serif}.macro-text-hero-copy .homepage-hero-cta{gap:12px;min-width:172px;height:52px;margin-top:40px}.macro-homepage .macro-home-hero{min-height:0;padding:112px 24px 0}.macro-home-hero .macro-text-hero h1{font-size:clamp(44px,4vw,53px);line-height:1.1}@media (width<=699px){.macro-home-hero .macro-text-hero h1{font-size:clamp(34px,8vw,40px);line-height:1.12}.macro-text-hero-copy h2{width:min(288px,100%);margin-top:16px;font-size:13px;line-height:1.8}.macro-text-hero-copy .homepage-hero-cta{min-width:144px;height:48px;margin-top:32px}}@media (width<=389px){.macro-home-hero .macro-text-hero h1{font-size:clamp(26px,10vw - 5.5px,32px)}}html[data-homepage]{color-scheme:dark}html[data-homepage][data-theme-light=true]{color-scheme:light}.macro-homepage{--color-surface:light-dark(#fff,#000);--color-ink:light-dark(#1d1d1f,#fff);--color-ink-muted:light-dark(#66666b,#aaa);--color-ink-extra-muted:light-dark(#7d7d83,#888);--color-edge-muted:light-dark(#e4e4e7,#ffffff14);--color-hover:light-dark(#f3f3f4,#ffffff08);color:light-dark(#1d1d1f,#fff);height:100%;color-scheme:inherit;-webkit-font-smoothing:antialiased;background:light-dark(#fff,#000);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter Variable,sans-serif}.macro-homepage *,.macro-homepage :before,.macro-homepage :after{box-sizing:border-box}.macro-home-scroll{overscroll-behavior:contain;height:100%;overflow:hidden auto}.macro-homepage .site-header{--nav-ink:light-dark(#1d1d1f,#fff);--nav-muted:light-dark(#6e6e73,#b8b8bd);--nav-surface:light-dark(#f5f5f7,#121214c7);--nav-menu-surface:light-dark(#fff,#151517f5);--nav-mobile-surface:light-dark(#fff,#121214);--nav-edge:light-dark(#e8e8ed,#ffffff14);--nav-menu-shadow:0 14px 50px light-dark(#00000012,#000a);height:72px;padding:12px 24px;font-family:inherit;top:0;left:0;right:0}.macro-homepage .site-menu-trigger{width:48px;height:48px}.macro-homepage .homepage-scroll-cue{color:var(--color-ink-muted)}html[data-homepage][data-theme-light=true] .site-nav-demo{color:var(--nav-ink);box-shadow:inset 0 1px #fff,inset 0 -1px 1px #00000006}html[data-homepage][data-theme-light=true] .site-nav-demo:after{background:linear-gradient(135deg,#fffc 0%,#00000006 45%,#00000018 100%)}.macro-homepage .site-menu-mark{width:27px;height:27px}.macro-homepage a:focus-visible,.macro-homepage button:focus-visible{outline-offset:5px;outline:3px solid #4384db}.macro-home-hero{text-align:center;flex-direction:column;align-items:center;padding:88px 24px 128px;display:flex;position:relative;overflow-x:clip}.macro-home-hero h1{max-width:760px;font-family:Roboto Slab Variable,serif;font-size:40px;font-weight:calc(320 + var(--cream-slab-weight-increase,0));letter-spacing:-.04em;text-wrap:balance;margin:0;line-height:1.06}.macro-home-tagline{text-wrap:pretty;max-width:580px;color:var(--color-ink-muted);margin:24px 0 30px;font-size:20px;line-height:1.55}.macro-home-hero>.macro-hero-art{margin:0 0 32px}.macro-motion-toggle{color:light-dark(#86868b,#aaa);background:light-dark(#f5f5f7,#141414);border:0;border-radius:50%;place-items:center;width:36px;height:36px;transition:color .16s;display:grid;position:absolute;bottom:0;right:0}.macro-motion-toggle:hover{color:light-dark(#1d1d1f,#fff)}.macro-motion-toggle svg{width:13px;height:13px}.macro-feature-grid{--feature-section-gap:88px;gap:calc(var(--feature-section-gap) + 20px);grid-template-columns:minmax(0,1fr);width:min(800px,100% - 64px);margin:0 auto;display:grid}.macro-feature-tile{background:0 0;border:0;flex-direction:column;min-width:0;display:flex;position:relative}.macro-feature-tile+.macro-feature-tile:before{content:"";top:calc(var(--feature-section-gap) / -2 - 20px);border-top:1px solid color-mix(in srgb, var(--color-ink) 5.4%, transparent);pointer-events:none;width:100vw;position:absolute;left:50%;transform:translate(-50%)}.macro-tile-art{isolation:isolate;background:0 0;border-radius:16px;flex:none;height:450px;min-height:450px;position:relative;overflow:hidden}.macro-tile-copy{text-align:left;width:min(640px,100%);margin:0 auto 28px}.macro-letter-prose h2,.macro-tile-copy h2{letter-spacing:-.04em;text-wrap:balance;margin:0 0 24px;font-family:Roboto Slab Variable,serif;font-size:36px;font-weight:400;line-height:1.22}.macro-tile-copy h2{font-size:32px}.macro-letter-prose p,.macro-tile-copy p{letter-spacing:-.012em;color:var(--color-ink-muted);text-wrap:pretty;margin:0 0 20px;font-size:19px;line-height:1.65}.macro-tile-links{flex-wrap:wrap;gap:24px;margin-top:24px;display:flex}.macro-tile-links a{min-height:28px;color:var(--color-ink);align-items:center;gap:3px;font-size:16px;font-weight:550;text-decoration:none;display:inline-flex}.macro-tile-links a:hover{text-decoration:underline}.macro-tile-links svg{width:14px;height:14px}.macro-home-bottom{width:min(1000px,100% - 48px);margin:88px auto 0}.macro-home-bottom .homepage-testimonials blockquote{font-weight:370}.macro-home-bottom .homepage-blog h2{font-family:Roboto Slab Variable,serif;font-weight:400}.macro-home-bottom .homepage-blog a{color:inherit;text-decoration:none}.macro-home-bottom .homepage-blog a:hover{text-decoration:underline}.macro-home-bottom .homepage-app-reassurance{color:var(--color-ink-extra-muted)}.macro-letter-prose{width:min(640px,100% - 48px);margin-inline:auto}.macro-letter-prose a{color:inherit;text-underline-offset:4px}.macro-letter-intro{margin-bottom:80px}.macro-letter-prose .macro-letter-transition{color:var(--color-ink);margin-top:32px}.macro-letter-proof{margin-bottom:48px}.macro-home-bottom .macro-letter-prose{width:min(640px,100%)}.macro-home-bottom .homepage-testimonials{max-width:880px;margin-inline:auto}@media (width<=700px){.macro-home-hero{padding:80px 24px 128px}.macro-home-tagline{margin:22px 0 26px;font-size:18px}.macro-home-tagline br{display:none}.macro-home-hero>.macro-hero-art{margin-bottom:24px}.macro-motion-toggle{background:0 0;width:44px;height:44px;bottom:8px;right:-4px}.macro-letter-intro{margin-bottom:64px}.macro-letter-prose p,.macro-tile-copy p{font-size:18px;line-height:1.6}.macro-letter-prose h2,.macro-tile-copy h2{margin-bottom:20px;font-size:31px}.macro-tile-copy h2{font-size:28px}.macro-feature-grid{--feature-section-gap:64px;width:calc(100% - 32px);max-width:540px}.macro-tile-copy{width:calc(100% - 16px);margin-bottom:20px}.macro-tile-art{height:470px;min-height:470px}.macro-tile-links{margin-top:16px}.macro-tile-links a{min-height:44px}.macro-home-bottom{width:calc(100% - 48px);margin-top:64px}}@media (width<=699px){.macro-home-hero h1{letter-spacing:-.035em;font-size:clamp(34px,8vw,40px);line-height:1.1}}@media (prefers-reduced-motion:reduce){.macro-motion-toggle{display:none}}.macro-feature-grid>.macro-feature-tile{padding:0}.macro-tile-art>[data-deferred-demo]{height:100%;overflow:hidden}.macro-tile-art .homepage-compose-loading{opacity:.2;height:auto;min-height:0;position:absolute;inset:28px 20px 20px;overflow:hidden}.macro-feature-tile#email .macro-tile-art{height:520px;min-height:520px}@media (width<=700px){.macro-feature-tile#email .macro-tile-art{height:550px;min-height:550px}}.macro-feature-tile#documents .macro-tile-art{height:510px;min-height:510px}@media (width<=700px){.macro-feature-tile#documents .macro-tile-art{height:570px;min-height:570px}}.macro-tile-chat{--feature-glow:#8d9de9}.macro-tile-databases{--feature-glow:#b5c884}.macro-tile-email{--feature-glow:#7abde5}.macro-tile-documents{--feature-glow:#b8a1ed}.macro-tile-tasks{--feature-glow:#65d8ac}.macro-tile-coding-agents{--feature-glow:#f77d67}.macro-tile-spreadsheet{--feature-glow:#56c9c6}.macro-tile-crm{--feature-glow:#f4c65c}.macro-tile-calls{--feature-glow:#e99cbb}.macro-feature-layout{position:relative}.macro-feature-tile{scroll-margin-top:104px}.macro-homepage .site-nav-start{color:#000}.macro-homepage{min-width:0;max-width:100%}.macro-homepage .page-aura{width:100%;overflow-x:clip}.macro-homepage .page-aura:before{opacity:.25;inset-inline:0}.macro-homepage .page-aura:after{opacity:.012;inset-inline:0}.macro-home-hero{padding:132px 24px 64px}.macro-home-intro{text-align:center;padding:48px 24px 72px}.macro-home-intro h2{letter-spacing:-.04em;margin:0 0 24px;font:320 clamp(32px,4vw,48px)/1.15 Roboto Slab Variable,serif}.macro-home-intro p{max-width:600px;color:var(--color-ink-muted);text-wrap:balance;margin:0 auto;font:370 14px/1.7 Inter Variable,Inter,sans-serif}.macro-homepage .homepage-sections{background:0 0}@media (width<=699px){.macro-home-hero{justify-content:center;min-height:100svh;padding:96px 24px}.macro-home-intro{padding:32px 24px 48px}.macro-home-intro p br{display:none}.macro-homepage .site-header{width:auto;height:54px;padding:0;inset:14px 16px auto}}#app-scroll-root:not(.macro-homepage) :is(.product-feature-intro h2,.homepage-feature-heading h2,.feature-page-end h2,.homepage-demo-slide-copy h2,.homepage-blog h2,.unification-copy h2,.macro-letter-prose h2,.macro-tile-copy h2,.macro-home-intro h2,.documentation-body h2,.documentation-body h3,.documentation-body h4,.post-body h2,.post-body h3,.post-body h4,.legal-doc h2,.partners-page h2,.partners-closing-cta h2,.startups-main h2,.agents-page h2,.tasks-h2,.tasks-h3,.lifetime-pricing__header h2,.lifetime-pricing__card h3,.lifetime-pricing__security-copy h2):not(.guide-graphic *,.post-product-ui *,.dummy-workspace *,.tutorial-video-embed *){letter-spacing:-.5px;white-space:normal;text-wrap:balance;font-size:33px}.workspace-demo .demo-mention-menu{z-index:250;background:var(--color-menu-glass,#202020);width:min(384px,100vw - 24px);max-height:min(460px,70vh);color:var(--color-ink,#fff);border:1px solid var(--color-edge-muted,#333);font:500 14px/20px var(--font-sans,-apple-system, BlinkMacSystemFont, sans-serif);text-align:left;letter-spacing:normal;color-scheme:dark;border-radius:12px;flex-direction:column;padding:8px 0 6px;display:flex;position:fixed;overflow:hidden;box-shadow:0 12px 36px #0006}.workspace-demo .demo-mention-menu,.workspace-demo .demo-mention-menu *{box-sizing:border-box}.workspace-demo .demo-mention-groups{scrollbar-width:none;min-height:0;overflow:auto}.workspace-demo .demo-mention-menu section+section{border-top:1px solid var(--color-edge-muted,#333);margin-top:16px;padding-top:8px}.workspace-demo .demo-mention-heading{color:var(--color-ink-extra-muted,#888);justify-content:space-between;gap:8px;padding:0 8px 8px;font-size:12px;line-height:16px;display:flex}.workspace-demo .demo-mention-heading button{color:inherit;font:inherit;background:0 0;border:0;padding:0}.workspace-demo .demo-mention-heading button:hover{color:var(--color-ink);text-decoration:underline}.workspace-demo .demo-mention-option{width:calc(100% - 12px);min-height:32px;color:inherit;text-align:left;font:inherit;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;margin-inline:6px;padding:6px;display:flex}.workspace-demo .demo-mention-option[aria-selected=true]{background:color-mix(in srgb, var(--color-ink,#fff) 5%, transparent)}.workspace-demo .demo-mention-option img{object-fit:cover;border-radius:50%;flex:none;width:16px;height:16px}.workspace-demo .demo-mention-option>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-demo .demo-mention-detail{opacity:.5;margin-left:.5em}.workspace-demo .demo-mention-icon{width:16px;height:16px;color:var(--color-ink-muted,#bbb);flex:none;display:inline-flex}.workspace-demo .demo-mention-icon svg{width:100%;height:100%}.workspace-demo .demo-mention-icon.mention-document{color:var(--color-note,#b68aff)}.workspace-demo .demo-mention-icon.mention-task{color:var(--color-task,#37bb72)}.workspace-demo .demo-mention-icon.mention-agent{color:var(--color-chat,#69cbe0)}.workspace-demo .demo-mention-icon.mention-spreadsheet{color:var(--color-success,#37bb72)}.workspace-demo .demo-mention-empty{color:var(--color-ink-extra-muted,#888);padding:8px;font-weight:370}.workspace-demo .demo-inline-mention{white-space:normal;color:inherit;display:inline}.workspace-demo .demo-inline-mention.mention-person{color:var(--marketing-mention,var(--color-link,#59a8ed));background:color-mix(in srgb, var(--marketing-mention,var(--color-link,#59a8ed)) 12%, transparent);white-space:nowrap;border-radius:6px;padding:2px}.workspace-demo .demo-inline-mention>.demo-mention-icon{width:1em;height:1em;margin-inline:.25em;position:relative;top:.125em}.workspace-demo .demo-inline-mention:not(.mention-person)>.demo-mention-name{text-decoration:underline;text-decoration-color:color-mix(in srgb, currentColor 20%, transparent);text-underline-offset:.125em;text-decoration-thickness:max(1px,.1em)}.workspace-demo .demo-mention-status{border:2px solid var(--color-task,#37bb72);border-radius:50%;width:.75em;height:.75em;margin-left:4px;display:inline-block}.workspace-demo .demo-mention-status[data-status=In\ Review]{border-color:var(--color-violet);background:conic-gradient(transparent 0 75%, var(--color-violet) 75% 100%)}.workspace-demo .demo-mention-status[data-status=In\ Progress]{border-color:var(--color-orange);background:linear-gradient(90deg, var(--color-orange) 50%, transparent 50%)}.workspace-demo .demo-mention-editor{white-space:pre-wrap;overflow-wrap:anywhere}.workspace-demo .demo-mention-editor:empty:before{content:attr(data-placeholder);color:var(--color-composer-placeholder);pointer-events:none}