.home{position:relative;background:var(--bg)}.home__tour{height:1000svh}.home__stage{position:sticky;top:0;height:100svh;overflow:hidden;container-type:inline-size}.home__hero{display:flex;flex-direction:column;align-items:center;padding:138px 24px 44px;text-align:center}.home__headline{font-family:var(--type-hero-family, inherit);font-size:var(--type-hero-size, inherit);line-height:var(--type-hero-leading, inherit);letter-spacing:var(--type-hero-tracking, inherit);font-weight:var(--type-hero-weight, inherit);text-transform:var(--type-hero-case, none);text-wrap:var(--type-hero-wrap, wrap);--modulato-type: hero;max-width:64ch;margin:0}.home__headline span{white-space:nowrap}.home__lede{font-family:var(--type-lede-family, inherit);font-size:var(--type-lede-size, inherit);line-height:var(--type-lede-leading, inherit);letter-spacing:var(--type-lede-tracking, inherit);font-weight:var(--type-lede-weight, inherit);text-transform:var(--type-lede-case, none);text-wrap:var(--type-lede-wrap, wrap);--modulato-type: lede;max-width:84ch;margin:4px 0 0;color:var(--muted)}.home .download{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}.home .download__button{font-family:var(--type-small-family, inherit);font-size:var(--type-small-size, inherit);line-height:var(--type-small-leading, inherit);letter-spacing:var(--type-small-tracking, inherit);font-weight:var(--type-small-weight, inherit);text-transform:var(--type-small-case, none);text-wrap:var(--type-small-wrap, wrap);--modulato-type: small;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px 0 16px;border-radius:12px;background:var(--fg);color:var(--bg);font-weight:500;text-decoration:none;transition:opacity .2s}.home .download__button:hover{opacity:.82}.home .download__button svg{width:18px;height:18px;margin-top:-2px}.home .download__note{font-family:var(--type-small-family, inherit);font-size:var(--type-small-size, inherit);line-height:var(--type-small-leading, inherit);letter-spacing:var(--type-small-tracking, inherit);font-weight:var(--type-small-weight, inherit);text-transform:var(--type-small-case, none);text-wrap:var(--type-small-wrap, wrap);--modulato-type: small;margin:0;color:var(--muted)}.home__window{position:relative;width:calc(100cqw - 2 * var(--edge));margin:0 auto;aspect-ratio:1720/1000;transform-origin:0 0;will-change:transform}.home__window .app{position:absolute;top:0;left:0;transform-origin:0 0;transform:scale(var(--fit, tan(atan2(100cqw - 2 * var(--edge), 1720px))))}.home [data-app=canvas]{opacity:0;transition:opacity .8s}.home [data-app=canvas][data-ready]{opacity:1}.home__captions,.home__trail{display:contents}.home__caption{position:absolute;top:50%;width:min(15.5cqw,320px);min-width:232px;margin-top:-2.5lh;opacity:0;visibility:hidden}.home__caption--left{left:clamp(24px,13cqw,260px)}.home__caption--right{left:77cqw}.home__caption h2{font-family:var(--type-headline-family, inherit);font-size:var(--type-headline-size, inherit);line-height:var(--type-headline-leading, inherit);letter-spacing:var(--type-headline-tracking, inherit);font-weight:var(--type-headline-weight, inherit);text-transform:var(--type-headline-case, none);text-wrap:var(--type-headline-wrap, wrap);--modulato-type: headline;margin:0 0 1px}.home__caption p{margin:0;color:var(--muted)}@media(max-width:1100px){.home__caption{min-width:200px}.home__caption--left{left:24px}.home__caption--right{left:auto;right:24px}}@media(max-width:767px){.home__hero{padding:112px 20px 40px}.home__headline{max-width:13.5em}.home__lede{max-width:14.5em}.home__captions{position:absolute;inset:auto 0 0;display:block;overflow:hidden;background:var(--bg);box-shadow:0 -1px 0 var(--rule);opacity:0;visibility:hidden}.home__trail{display:flex;width:calc(var(--count) * 100%)}.home__caption.home__caption{position:static;flex:none;width:calc(100% / var(--count));min-width:0;margin:0;padding:18px 20px calc(28px + env(safe-area-inset-bottom));opacity:1;visibility:visible}}.home>.footer{position:absolute;inset:auto 0 0;z-index:1;background:none}body:has(.home){--mark-lift: 96px}@media(max-width:767px){body:has(.home){--mark-lift: 72px}}@keyframes app-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.app{--shut: 0;position:relative;width:1720px;height:1000px;overflow:hidden;border-radius:18px;background:var(--app-view);color:var(--app-fg);font-variation-settings:"opsz" 14;font-family:var(--type-ui-family, inherit);font-size:var(--type-ui-size, inherit);line-height:var(--type-ui-leading, inherit);letter-spacing:var(--type-ui-tracking, inherit);font-weight:var(--type-ui-weight, inherit);text-transform:var(--type-ui-case, none);text-wrap:var(--type-ui-wrap, wrap);--modulato-type: ui;-webkit-user-select:none;user-select:none}.app:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff1f;pointer-events:none}.app svg{flex:none;width:16px;height:16px}.app__inside,.app__main{position:absolute;inset:0}.app__canvas{position:absolute;inset:0;width:100%;height:100%}.app__lights{position:absolute;top:18px;left:18px;display:flex;gap:8px}.app__lights i{width:12px;height:12px;border-radius:50%;background:#ff5f57}.app__lights i:nth-child(2){background:#febc2e}.app__lights i:nth-child(3){background:#28c840}.app__sidebar{position:absolute;top:48px;left:18px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.app__tuck{display:grid;grid-template-rows:1fr}.app__tuck[data-app=later],.app__tuck--spread{grid-template-rows:0fr}.app__tuck[data-app=later]{margin-bottom:-6px}.app__tucked{min-height:0;margin:-4px;padding:4px;overflow:hidden}[data-app=later] .app__card,.app__row{opacity:0}.app__project{display:flex;flex-direction:column}.app__card{--lit: 0;position:relative;display:flex;flex-direction:column;width:196px;padding:10px 12px;border-radius:14px;background:color-mix(in oklab,rgba(38,38,38,.9) calc(var(--lit) * 100%),rgba(38,38,38,.45));box-shadow:0 0 0 1px color-mix(in oklab,rgba(250,250,250,.15) calc(var(--lit) * 100%),rgba(250,250,250,.05));-webkit-backdrop-filter:blur(20px) saturate(1.3) brightness(.55);backdrop-filter:blur(20px) saturate(1.3) brightness(.55)}.app__card--lit{--lit: 1}.app__card[data-under]{margin-bottom:11px}.app__sliver{position:absolute;inset:100% 10px auto;height:10px;margin-top:1px;border:1px solid rgba(250,250,250,.05);border-top:0;border-radius:0 0 8px 8px;background:#26262673}.app__written{display:flex;flex-direction:column;gap:2px}.app__written--news,[data-working]>.app__written{-webkit-mask-image:linear-gradient(to right,black calc(100% - 108px),rgba(0,0,0,.04) calc(100% - 70px));mask-image:linear-gradient(to right,#000 calc(100% - 108px),#0000000a calc(100% - 70px))}.app [data-app=at-work]{opacity:0;transition:opacity .3s}.app [data-working]>[data-app=at-work]{opacity:1}[data-working] .app__when{opacity:0}.app__named{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.app__name{overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.app__when{flex:none;color:#a1a1a199;font-variant-numeric:tabular-nums}.app__said{display:-webkit-box;min-height:2lh;overflow:hidden;color:var(--app-muted);-webkit-box-orient:vertical;-webkit-line-clamp:2}.app__branch{display:flex;align-items:center;gap:4px;margin-top:6px;color:#a1a1a1b3}.app__branch svg{width:11px;height:11px}.app__branch span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app__news{position:absolute;top:50%;right:12px;display:flex;flex-direction:column;align-items:flex-end;transform:translateY(-50%);color:var(--app-attention);font-weight:500}.app__news span{font-weight:400;font-variant-numeric:tabular-nums}.app__news--working{--spread: calc(3ch + 40px) ;background-image:linear-gradient(110deg,currentColor calc(50% - var(--spread)),color-mix(in oklch,oklch(from currentColor max(.8,l + .4) c h/ calc(alpha + .4)),currentColor 50%) calc(50% - var(--spread) * .5),oklch(from currentColor max(.8,l + .4) c h/ calc(alpha + .4)) 50%,color-mix(in oklch,oklch(from currentColor max(.8,l + .4) c h/ calc(alpha + .4)),currentColor 50%) calc(50% + var(--spread) * .5),currentColor calc(50% + var(--spread)));background-repeat:no-repeat;background-size:calc(200% + var(--spread) * 2) 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:app-shimmer 2s linear infinite}@media(prefers-reduced-motion:reduce){.app__news--working{background-image:none;-webkit-text-fill-color:currentColor;animation:none}}.app__earlier{display:flex;flex-direction:column;gap:6px;padding-top:6px}.app__row{display:flex;align-items:center}.app__back{display:flex;flex:none;justify-content:center;width:32px;color:var(--app-muted)}.app__back svg{width:12px;height:12px}.app__round{--on: 0;--tip: 0;position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:color-mix(in oklab,var(--app-primary) calc(var(--on) * 100%),rgba(10,10,10,.6));color:color-mix(in oklab,#171717 calc(var(--on) * 100%),var(--app-fg));box-shadow:0 1px 2px #0003,0 0 0 1px #fafafa1a;-webkit-backdrop-filter:blur(20px) saturate(1.3) brightness(.55);backdrop-filter:blur(20px) saturate(1.3) brightness(.55)}.app__round--on{--on: 1}.app__round--plain{width:32px;height:32px;background:var(--app-thread);-webkit-backdrop-filter:none;backdrop-filter:none}.app__round--tool{background:var(--axis-z);color:#fff;box-shadow:0 0 0 calc(1px + var(--on) * 1px) color-mix(in oklab,#fff calc(var(--on) * 100%),var(--axis-z))}.app__settings{position:absolute;bottom:16px;left:18px}.app__edge{position:absolute;inset:0 calc(460px * (1 - var(--shut))) 0 0;pointer-events:none}.app__talk{position:absolute;top:12px;right:12px}.app__column{position:absolute;top:50%;right:12px;display:flex;flex-direction:column;gap:6px;transform:translateY(-50%)}.app__tip{position:absolute;top:50%;right:calc(100% + 10px);display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;border-radius:8px;background:var(--app-fg);color:#171717;font-weight:400;white-space:nowrap;opacity:var(--tip);transform:translate(calc((1 - var(--tip)) * 6px),-50%)}.app__tip kbd{min-width:20px;padding:0 4px;border-radius:4px;background:#1717171a;font:inherit;font-weight:500;line-height:20px;text-align:center}.app .app__gizmo{position:absolute;right:12px;bottom:12px;width:88px;height:88px}.app__panel{position:absolute;top:50%;right:60px;display:flex;flex-direction:column;width:420px;overflow:hidden;border-radius:16px;background:oklch(from var(--axis-z) calc(l - .135) c calc(h + 6));color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a,0 0 0 1px oklch(from var(--axis-z) calc(l + .066) calc(c - .056) calc(h + 2));opacity:0;transform:translateY(-50%)}.app__tabs{display:flex;height:48px;border-bottom:1px solid rgba(255,255,255,.17);font-family:var(--type-ui-title-family, inherit);font-size:var(--type-ui-title-size, inherit);line-height:var(--type-ui-title-leading, inherit);letter-spacing:var(--type-ui-title-tracking, inherit);font-weight:var(--type-ui-title-weight, inherit);text-transform:var(--type-ui-title-case, none);text-wrap:var(--type-ui-title-wrap, wrap);--modulato-type: ui-title;font-weight:400}.app__tabs span{position:relative;display:flex;align-items:center;padding:0 16px;color:#fff9}.app__tabs span:first-child{padding-left:20px}.app__tab.app__tab{color:#fff;font-weight:500}.app__tab.app__tab:after{content:"";position:absolute;inset:auto 0 -1px;height:1.5px;background:#fff}.app__control{display:flex;gap:16px;padding:20px;border-bottom:1px solid rgba(255,255,255,.17);font-family:var(--type-ui-tight-family, inherit);font-size:var(--type-ui-tight-size, inherit);line-height:var(--type-ui-tight-leading, inherit);letter-spacing:var(--type-ui-tight-tracking, inherit);font-weight:var(--type-ui-tight-weight, inherit);text-transform:var(--type-ui-tight-case, none);text-wrap:var(--type-ui-tight-wrap, wrap);--modulato-type: ui-tight}.app__control:last-child{border-bottom:0}.app__about{flex:none;width:128px}.app__about div:first-child{font-weight:500}.app__about div:last-child{color:#fff9;text-wrap:balance}.app__control--small .app__about{flex:1;width:auto;min-width:0}.app__set{display:flex;flex:1;align-items:center;justify-content:center;min-width:0}.app__control--small .app__set{flex:none;max-width:55%}.app__slider{--along: 0;display:flex;flex-direction:column;gap:6px;width:100%}.app__says{padding:0 7px;font-weight:500;font-variant-numeric:tabular-nums}.app__says span{position:relative;left:calc(var(--along) * 100%);display:block;width:fit-content;translate:calc(var(--along) * -100%);white-space:nowrap}.app__trail{position:relative;height:24px;padding:0 12px;border-radius:999px;background:#ffffff40}.app__trail i{position:absolute;top:50%;left:calc(12px + var(--along) * (100% - 24px));width:18px;height:18px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.app__readout{height:24px;padding:0 10px;overflow:hidden;border-radius:999px;background:#ffffff1f;color:#ffffffd9;font-weight:500;line-height:24px;white-space:nowrap}.app__switch{position:relative;display:block;flex:none;width:32px;height:18px;border-radius:999px;background:#fafafa2e}.app__switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--app-fg)}.app__switch--on{background:var(--app-primary)}.app__switch--on:after{left:16px;background:#171717}.app__switch--tool.app__switch--on{background:#fff}.app__switch--tool.app__switch--on:after{background:oklch(from var(--axis-z) calc(l - .135) c calc(h + 6))}.app__sheets{position:absolute;inset:0 calc(460px * (1 - var(--shut))) 0 0;overflow:hidden;opacity:0}.app__row-of-sheets{position:absolute;inset:0 auto 0 0;display:flex;align-items:center;gap:40px;padding:0 100px 0 272px}.app__sheet{display:flex;flex:none;flex-direction:column;gap:10px}.app__sheet header{display:flex;align-items:center;justify-content:space-between;height:36px}.app__sheet h3{margin:0;font-family:var(--type-ui-head-family, inherit);font-size:var(--type-ui-head-size, inherit);line-height:var(--type-ui-head-leading, inherit);letter-spacing:var(--type-ui-head-tracking, inherit);font-weight:var(--type-ui-head-weight, inherit);text-transform:var(--type-ui-head-case, none);text-wrap:var(--type-ui-head-wrap, wrap);--modulato-type: ui-head}.app__save{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fafafa14}.app__paper{width:595px;height:744px;overflow:hidden;border-radius:18px;background:var(--app-paper)}.app__paper img{display:block;width:100%;height:100%}.app__options{position:absolute;bottom:20px;left:272px;display:flex;align-items:center;gap:8px}.app__bar{display:flex;align-items:center;gap:12px;height:40px;padding:0 14px 0 20px;border-radius:999px;background:#0a0a0a99;box-shadow:0 4px 6px -1px #0000001a,0 0 0 1px #fafafa1a;font-family:var(--type-ui-title-family, inherit);font-size:var(--type-ui-title-size, inherit);line-height:var(--type-ui-title-leading, inherit);letter-spacing:var(--type-ui-title-tracking, inherit);font-weight:var(--type-ui-title-weight, inherit);text-transform:var(--type-ui-title-case, none);text-wrap:var(--type-ui-title-wrap, wrap);--modulato-type: ui-title;-webkit-backdrop-filter:blur(20px) saturate(1.3) brightness(.55);backdrop-filter:blur(20px) saturate(1.3) brightness(.55);white-space:nowrap}.app__bar--units{gap:0;margin-right:12px;padding:4px}.app__bar--units b{display:flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;font-weight:500}.app__bar--units b:first-child{background:var(--app-primary);color:#171717}.app__bar svg{margin-left:-4px}.app__thread{position:absolute;inset:0 0 0 auto;display:flex;flex-direction:column;width:460px;border-left:1px solid rgba(255,255,255,.1);background:var(--app-thread);transform:translate(calc(var(--shut) * 100%));font-family:var(--type-ui-text-family, inherit);font-size:var(--type-ui-text-size, inherit);line-height:var(--type-ui-text-leading, inherit);letter-spacing:var(--type-ui-text-tracking, inherit);font-weight:var(--type-ui-text-weight, inherit);text-transform:var(--type-ui-text-case, none);text-wrap:var(--type-ui-text-wrap, wrap);--modulato-type: ui-text}.app__thread>header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:8px;height:48px;padding:0 12px 0 32px}.app__thread>header h3{margin:0;overflow:hidden;font-family:var(--type-ui-title-family, inherit);font-size:var(--type-ui-title-size, inherit);line-height:var(--type-ui-title-leading, inherit);letter-spacing:var(--type-ui-title-tracking, inherit);font-weight:var(--type-ui-title-weight, inherit);text-transform:var(--type-ui-title-case, none);text-wrap:var(--type-ui-title-wrap, wrap);--modulato-type: ui-title;text-overflow:ellipsis;white-space:nowrap}.app__thread>header span{display:flex;gap:12px;padding:0 6px;color:var(--app-muted)}.app__scroll{position:relative;flex:1;min-height:0;overflow:hidden}.app__messages{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:16px;padding:8px 32px 24px}.app__turn{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.app__bubble{max-width:85%;padding:8px 14px;border-radius:16px;background:var(--app-raised);text-wrap:balance}.app__chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:999px;background:var(--app-raised);font-family:var(--type-ui-family, inherit);font-size:var(--type-ui-size, inherit);line-height:var(--type-ui-leading, inherit);letter-spacing:var(--type-ui-tracking, inherit);font-weight:var(--type-ui-weight, inherit);text-transform:var(--type-ui-case, none);text-wrap:var(--type-ui-wrap, wrap);--modulato-type: ui;font-weight:500}.app__chip svg{width:12px;height:12px}.app__worked,.app__details,.app__working{display:flex;align-items:center;gap:8px;color:var(--app-muted);font-family:var(--type-ui-family, inherit);font-size:var(--type-ui-size, inherit);line-height:var(--type-ui-leading, inherit);letter-spacing:var(--type-ui-tracking, inherit);font-weight:var(--type-ui-weight, inherit);text-transform:var(--type-ui-case, none);text-wrap:var(--type-ui-wrap, wrap);--modulato-type: ui}.app__worked svg,.app__details svg,.app__working svg{width:14px;height:14px;opacity:.6}.app__reply{display:flex;flex-direction:column;gap:12px}.app__reply p{margin:0;text-wrap:balance}.app [data-app=sent],.app__working{height:0;margin-top:-16px;overflow:hidden;opacity:0}.app__working{font-variant-numeric:tabular-nums}.app__working>span{--spread: calc(3ch + 40px) ;background-image:linear-gradient(110deg,currentColor calc(50% - var(--spread)),color-mix(in oklch,var(--app-fg),currentColor 50%) calc(50% - var(--spread) * .5),var(--app-fg) 50%,color-mix(in oklch,var(--app-fg),currentColor 50%) calc(50% + var(--spread) * .5),currentColor calc(50% + var(--spread)));background-repeat:no-repeat;background-size:calc(200% + var(--spread) * 2) 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:app-shimmer 2s linear infinite}@media(prefers-reduced-motion:reduce){.app__working>span{background-image:none;-webkit-text-fill-color:currentColor;animation:none}}.app__composer{flex:none;padding:0 14px 14px}.app__box{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:#ffffff0b}.app__chips{display:grid;grid-template-rows:0fr;padding:0 12px;opacity:0}.app__chips>*{min-height:0;width:fit-content;overflow:hidden}.app__write{position:relative;min-height:56px;padding:12px 12px 0}.app__placeholder{position:absolute;inset:12px 12px auto;overflow:hidden;color:var(--app-muted);white-space:nowrap}.app__typed:not(:empty):after{content:"";display:inline-block;width:1.5px;height:1.15em;margin-left:1px;background:var(--app-fg);vertical-align:text-bottom}.app__under{display:flex;align-items:center;gap:10px;padding:6px 12px 10px 14px;color:var(--app-muted)}.app__using{display:flex;flex:1;align-items:center;gap:6px;min-width:0;font-family:var(--type-ui-family, inherit);font-size:var(--type-ui-size, inherit);line-height:var(--type-ui-leading, inherit);letter-spacing:var(--type-ui-tracking, inherit);font-weight:var(--type-ui-weight, inherit);text-transform:var(--type-ui-case, none);text-wrap:var(--type-ui-wrap, wrap);--modulato-type: ui}.app__using svg{width:12px;height:12px}.app__send{--on: 0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--app-primary);color:#171717;opacity:calc(.5 + var(--on) * .5)}.app__send svg{width:14px;height:14px}