.v7.v8{--ink:#2a2a32;--ink-2:#5d5d66;--ink-3:#95959d;--line:#0c0c100d;--event:#d9594f;--event-soft:#fbece8;--todo:#2f8f60;--todo-soft:#e3f2e9;--promo:#7867d6;--promo-soft:#eeebfa;--reply:#3a8ce4;--reply-soft:#e5effb;--later:#d68a30;--later-soft:#faedd9}.v8 .download-button{box-shadow:0 10px 26px -6px #255bd738!important}.v8-rule{width:calc(100% - 2 * var(--gutter));max-width:calc(1240px - 2 * var(--gutter));background:linear-gradient(90deg,#0000,#0c0c101f 22% 78%,#0000);border:0;height:1px;margin:clamp(104px,11vw,168px) auto}.v8 .v7-how{padding-top:0;padding-bottom:0}.v8 .v7-close{margin-top:0;padding-top:0}.v7 .v8-h1{font-family:var(--font-outfit), var(--font-geist-sans), -apple-system, BlinkMacSystemFont, sans-serif;letter-spacing:-.035em;font-weight:700;font-size:min(76px, calc((min(100vw, 1000px) - 2 * var(--gutter)) / 9.95))}.v8-h1>span{white-space:nowrap;display:block}.v8-h1-a{color:#8b8b93}.v8-h1-b{color:#24242d}.v8-hero{padding-top:clamp(40px,5vw,72px);padding-bottom:0}.v8-demo-link{height:52px;color:var(--ink-2);letter-spacing:-.01em;white-space:nowrap;outline:none;align-items:center;gap:9px;padding:0 6px;font-size:16px;font-weight:600;transition:color .2s;display:inline-flex}.v8-demo-link:hover{color:var(--ink)}.v8-demo-play{opacity:.8;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;box-shadow:inset 0 0 0 1.5px}.v8-demo-play svg{margin-left:2px}.v8-sorter{aspect-ratio:812/630;color:#24242d;width:min(100%,1040px);margin:clamp(48px,5vw,72px) auto 0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;container-type:inline-size}.v8-sorter-scale{width:812px;height:630px;transform:scale(tan(atan2(var(--cw,100cqi), 812px)));transform-origin:0 0}.v8-sorter-v-scale>div{background:#eceef4!important}.v8-sorter-v-scale{filter:saturate(.8)}.v8-sorter-v{aspect-ratio:430/780;color:#24242d;width:min(100%,430px);margin:40px auto 0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;display:none;container-type:inline-size}.v8-sorter-v-scale{width:430px;height:780px;transform:scale(tan(atan2(var(--cw,100cqi), 430px)));transform-origin:0 0}@media (max-width:640px){.v8-sorter{display:none}.v8-sorter-v{display:block}}.v8-demo{max-width:1240px;padding:0 var(--gutter);text-align:center;margin:0 auto;scroll-margin-top:80px}.v7 .v8-demo>h2{margin-top:0;font-size:clamp(38px,3.9vw,54px)}.v8-seg{background:#0c0c1012;border-radius:99px;gap:2px;margin-top:28px;padding:3px;display:inline-flex}.v8-seg button{height:38px;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:99px;outline:none;padding:0 20px;font-size:14.5px;font-weight:650;transition:color .2s;position:relative}.v8-seg button.is-on{color:var(--ink)}.v8-seg-thumb{background:#fff;border-radius:99px;position:absolute;inset:0;box-shadow:0 0 0 .5px #0c0c1014,0 2px 6px -1px #0c0c1024}.v8-seg-label{position:relative}.v7 .v8-demo-caption{max-width:520px;color:var(--ink-2);margin:18px auto 0;font-size:17px;line-height:1.5}.v8-stage{text-align:left;margin-top:32px}.v8-stage.is-phone{min-height:calc((100vw - 2 * var(--gutter)) * 1.46);align-items:center;display:grid}.v8-phone-view{pointer-events:none;-webkit-user-select:none;user-select:none;animation:.45s cubic-bezier(.3,.7,.2,1) both v8-in}.v8-phone-view :is(.p2-content,.p2-draft,.p2-feed,.p3-scroll,.p3-side-nav,.p3-sheet-feed,.bb-ibx-body,.bb-lane-row){overflow:hidden!important}.v8-tour-view{margin-inline:calc(-1 * var(--gutter));position:relative;overflow:clip;-webkit-mask-image:linear-gradient(#0000,#000 20px calc(100% - 20px),#0000);mask-image:linear-gradient(#0000,#000 20px calc(100% - 20px),#0000)}.v8-tour-cam{transform-origin:0 0;width:1200px;position:absolute;top:0;left:0}.v8-tour-cam.is-ready{transition:transform 1s cubic-bezier(.65,0,.35,1)}.v7 .v8-tour-line{color:var(--ink-2);text-align:center;margin:16px auto 0;font-size:15px;font-weight:600;animation:.4s cubic-bezier(.3,.7,.2,1) both v8-in}.v8-phone-view .v7-hero-window .v7-winframe{--crop-x:0;--crop-w:var(--win-w);box-shadow:none;border-radius:0;overflow:visible}@keyframes v8-in{0%{opacity:0;transform:translateY(10px)}}@property --scr-fade-a{syntax:"<percentage>";inherits:false;initial-value:0%}@property --scr-fade-b{syntax:"<percentage>";inherits:false;initial-value:0%}@property --scr-fade-c{syntax:"<percentage>";inherits:false;initial-value:100%}@property --scr-fade-d{syntax:"<percentage>";inherits:false;initial-value:120%}.v8-scr{--bar-bg:#f4f4f5;--bar-line:#0c0b0a17;--bar-ink:#0c0b0aa8;--wall-1:#eaf1fb;--wall-2:#c9dcf5;--wall-3:#e8eef6;--wall-4:#cfe0f4;--wall-base:#dde6f2;--lid:2.68%;--bezel:#cdc8bd;--bezel-2:#eae5da;z-index:2;width:100%;padding:var(--lid);background:linear-gradient(180deg, color-mix(in srgb, var(--bezel-2) 46%, #fff) 0 1.6px, transparent 1.6px), linear-gradient(200deg, var(--bezel-2) 0%, var(--bezel) 38%, color-mix(in srgb, var(--bezel) 86%, #000) 100%);--scr-fade-a:0%;--scr-fade-b:0%;--scr-fade-c:100%;--scr-fade-d:120%;-webkit-mask-image:linear-gradient(to right, transparent var(--scr-fade-a), #000 var(--scr-fade-b)), linear-gradient(to bottom, #000 var(--scr-fade-c), transparent var(--scr-fade-d));-webkit-mask-image:linear-gradient(to right, transparent var(--scr-fade-a), #000 var(--scr-fade-b)), linear-gradient(to bottom, #000 var(--scr-fade-c), transparent var(--scr-fade-d));mask-image:linear-gradient(to right, transparent var(--scr-fade-a), #000 var(--scr-fade-b)), linear-gradient(to bottom, #000 var(--scr-fade-c), transparent var(--scr-fade-d));-webkit-mask-composite:source-in;border-radius:3.47%/5.5%;transition:--scr-fade-a .9s cubic-bezier(.65,0,.35,1),--scr-fade-b .9s cubic-bezier(.65,0,.35,1),--scr-fade-c .9s cubic-bezier(.65,0,.35,1),--scr-fade-d .9s cubic-bezier(.65,0,.35,1),transform .9s cubic-bezier(.65,0,.35,1);position:relative;box-shadow:0 34px 78px #0c0b0a29,0 2px 6px #0c0b0a14;-webkit-mask-composite:source-in;mask-composite:intersect}.v8-scr.is-menu{--scr-fade-a:20%;--scr-fade-b:46%;--scr-fade-c:87.5%;--scr-fade-d:95%;transform:translateX(calc((100% - 2 * var(--lid)) * -.2583))}.v8-scr:before{content:"";z-index:4;border-radius:inherit;pointer-events:none;border:1.5px solid #ffffffeb;border-bottom-color:#ffffff59;position:absolute;inset:0}.v8-scr:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#ffffff6b 0%,#ffffff1f 22%,#0000 46%);position:absolute;inset:0}.v8-mac{flex-direction:column;align-items:center;width:min(100%,max(760px,152svh - 501.6px));margin:0 auto;display:flex}.v8-stand{z-index:1;width:34.7%;height:auto;margin-top:-.63%;transition:opacity .6s;display:block;position:relative}.v8-mac.is-menu .v8-stand{opacity:0}.v8-scr-view{aspect-ratio:1440/900;background:var(--wall-base);border-radius:1.17%/1.87%;position:relative;overflow:hidden;container-type:inline-size}.v8-scr-world{--z:1;width:1440px;height:900px;transform:scale(calc(tan(atan2(var(--cw,100cqi), 1440px)) * var(--z)));transform-origin:100% 0;transition:transform .9s cubic-bezier(.65,0,.35,1);position:absolute;top:0;right:0}.v8-scr.is-menu .v8-scr-world{--z:1.2}.v8-scr-wall{background:radial-gradient(90% 70% at 78% -10%, color-mix(in srgb, var(--wall-1) 78%, #fff), transparent 58%), radial-gradient(60% 50% at 96% 40%, color-mix(in srgb, var(--wall-2) 70%, transparent), transparent 64%), radial-gradient(100% 60% at 10% 110%, color-mix(in srgb, var(--wall-3) 78%, transparent), transparent 58%), linear-gradient(166deg, var(--wall-4) 0%, var(--wall-base) 56%, color-mix(in srgb, var(--wall-base) 70%, #000) 100%);position:absolute;inset:0}.v8-scr-bar{z-index:3;background:var(--bar-bg);border-bottom:1px solid var(--bar-line);color:#0c0b0ad1;letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:20px;height:26px;padding:0 18px;font-size:13px;font-weight:500;display:flex;position:absolute;top:0;left:0;right:0}.v8-scr-bar b{color:#0c0b0a;font-weight:700}.v8-scr-win{z-index:2;width:1200px;transition:opacity .6s;position:absolute;top:64px;left:120px}.v8-scr.is-menu .v8-scr-win{opacity:0}.v8-scr .v7-hero-window .v7-winframe{--crop-x:0;--crop-w:var(--win-w);box-shadow:none;border-radius:0;overflow:visible}.v8-scr-corner{z-index:4;width:580px;height:900px;position:absolute;top:0;right:0}.v8-scr-corner .v7-stage,.v8-scr-corner .v5-mac{height:100%}.v8-scr-corner .v5-mac-corner{--mk:1;aspect-ratio:auto;width:100%;height:100%;box-shadow:none;background:0 0;border-radius:0;margin:0;padding:0;-webkit-mask-image:none;mask-image:none}.v8-scr-corner .v5-mac-corner:before,.v8-scr-corner .v5-mac-corner:after,.v8-scr-corner .v5-mac-frame:after{content:none}.v8-scr-corner .v5-mac-frame{background:0 0;border-radius:0}.v8-scr-corner .v5-mac-wall{display:none}.v8-scr.is-app .v5-mac-panel{visibility:hidden}.v8-quads{width:calc(100% - 2 * var(--gutter));max-width:calc(1240px - 2 * var(--gutter));grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:24px;margin:0 auto;display:grid}.v8-quad{background:var(--card-bg);border-radius:32px;flex-direction:column;gap:36px;padding:clamp(32px,3.2vw,48px);scroll-margin-top:80px;display:flex}.v8-quad.is-event{--card-bg:#f9f0ee}.v8-quad.is-todo{--card-bg:#edf3ee}.v8-quad.is-promo{--card-bg:#f2f0f9}.v8-quad.is-later{--card-bg:#f9f3ea}.v8-quad{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 16%, #0c0c100d)}.v7 .v8-quad h3{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(28px,2.6vw,36px);font-weight:750;line-height:1.08}.v8-quad-body{color:var(--ink-2);letter-spacing:-.01em;text-wrap:pretty;margin-top:14px;font-size:17.5px;font-weight:450;line-height:1.45}.v8-quad-keep{white-space:nowrap}.v8-quad-logos{vertical-align:-2px;gap:5px;margin-left:8px;display:inline-flex}.v8-quad-logos svg{width:15px;height:15px}.v8-quad-art{margin-top:auto}.v8-quad .v7-demo{background:color-mix(in srgb, var(--tone) 6%, transparent)}.v8 .v7-wallet{filter:saturate(.8);background:linear-gradient(160deg,#3a3357,#28223f);box-shadow:0 24px 48px -30px #3c1ea066}@media (min-width:1001px){.v8-quad .v7-demo{justify-content:flex-start;height:560px}.v8-quad-art{aspect-ratio:488/560;min-height:0;container-type:inline-size}.v8-quad-art-in{width:488px;transform:scale(tan(atan2(var(--cw,100cqi), 488px)));transform-origin:0 0}.v8-quad :is(.v7-lt-msg,.v7-ev-msg,.v7-td-msg,.v7-pr-in){flex-direction:column;flex:none;justify-content:flex-start;min-height:132px;display:flex}.v8-quad .v7-week{gap:7px;padding:16px 14px}.v8-quad .v7-week-cells{gap:6px}.v8-quad .v7-week-cell{height:64px}}@media (max-width:1000px){.v8-quads{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;max-width:560px}.v8-quad{gap:24px}}@media (max-width:600px){.v8-quad{border-radius:22px;padding:36px 18px 18px}.v8-quad .v7-demo{padding:34px 16px}:is(#reply-later,#events) .v7-demo>*,.v8-quad :is(.v7-td-msg,.v7-pr-in){zoom:.84}.v8-quad .v7-paper{padding:14px 16px 4px}.v8-quad .v7-paper-head{padding-bottom:10px}.v8-quad .v7-paper li{gap:10px;min-height:50px}.v8-quad .v7-paper-box{width:20px;height:20px}.v8-quad .v7-paper-ink{font-size:14.5px}.v8-quad :is(.v7-paper-task small,.v7-paper-due){font-size:11.5px}.v8-quad .v7-wallet{padding:14px}.v8-quad .v7-wallet-head{margin-bottom:10px}.v8-quad .v7-ticket{height:58px}.v8-quad .v7-ticket-emoji{width:32px;height:32px;font-size:16px}.v8-quad .v7-ticket-left strong{font-size:15px}}@media (min-width:1001px){.v7.v8{--desk:1000px}.v7.v8 .v8-hero{max-width:var(--desk);padding-top:48px}.v7.v8 .v8-h1{font-size:min(60px, calc((min(100vw, 1000px) - 2 * var(--gutter)) / 9.95))}.v7.v8 .v7-lede{margin-top:18px;font-size:17px}.v7.v8 .v7-hero-cta{margin-top:26px}.v7.v8 :is(.v7-hero-cta,.v7-close) .download-button{height:48px;padding:0 22px;font-size:15px}.v7.v8 .v8-demo-link{height:48px;font-size:15px}.v7.v8 .v8-sorter{width:min(100%,820px);margin-top:48px}.v7.v8 .v8-rule{max-width:calc(var(--desk) - 2 * var(--gutter));margin:112px auto}.v7.v8 .v7-how{max-width:var(--desk)}.v7.v8 .v7-how-head{margin-bottom:48px}.v7.v8 .v7-how-head h2,.v7.v8 .v8-demo>h2{font-size:40px}.v7.v8 .how-steps{gap:32px}.v7.v8 .how-title{gap:10px;margin-top:20px}.v7.v8 .how-n{width:24px;height:24px;font-size:12px}.v7.v8 .how-title h3{font-size:18px}.v7.v8 .how-step p{margin-top:8px;font-size:15px}.v7.v8 .v8-quads{max-width:min(820px, calc(var(--desk) - 2 * var(--gutter)));gap:18px}.v7.v8 .v8-quad{border-radius:22px;gap:22px;padding:30px}.v7.v8 .v8-quad h3{font-size:24px}.v7.v8 .v8-quad-body{margin-top:10px;font-size:15px}.v7.v8 .v8-demo{max-width:1240px}.v7.v8 .v8-seg{margin-top:22px}.v7.v8 .v8-demo-caption{margin-top:14px;font-size:16px}.v7.v8 .v8-stage{margin-top:26px}.v7.v8 .v8-mac{width:min(100%,1100px,max(760px,152svh - 395.2px))}.v7.v8 .v7-close{max-width:var(--desk);padding:0 var(--gutter) 88px}.v7.v8 .v7-close-berry{width:80px;height:80px}.v7.v8 .v7-close h2{margin-top:22px;font-size:48px}.v7.v8 .v7-close .v5-get{margin-top:24px}}.v8-hero-pop{max-width:1240px;padding:36px var(--gutter) 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;margin:0 auto;display:grid}.v8-hero-pop .v7-hero-copy{text-align:left;max-width:none;margin:0}.v7 .v8-hero-pop h1{font-size:clamp(44px,5.6vw,76px);line-height:.96}.v8-hero-pop-line{text-wrap:balance;display:block}.v7.v8 .v8-hero-pop .v7-lede{text-wrap:wrap;max-width:500px;margin:24px 0 0;font-size:19px}.v7.v8 .v8-hero-pop .v7-hero-cta{justify-content:flex-start;margin-top:30px}.v8-hero-pop .v7-hero-art{margin-top:0}@media (min-width:1000px){.v8-hero-pop .v5-win{--crop-w:min(100%, calc((95vh - 175px) / 1.162))}.v8-hero-pop{grid-template-columns:minmax(0,1fr) minmax(0,min(676px,81.7556vh - 150.602px))}.v8-hero-pop .v7-hero-copy{container-type:inline-size}.v7 .v8-hero-pop h1{font-size:clamp(44px,min(5.6vw,14.2cqi),76px)}}@media (max-width:1000px){.v8-hero-pop{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:20px}.v8-hero-pop .v5-win{margin-top:0}.v8-hero-pop .v5-mac-corner{--mk:tan(atan2(var(--cw,100cqi), 610px));--fade-y:88%;aspect-ratio:1/1.32;width:min(100%,min(78svh,100svh - 104px)/1.32);margin-inline:auto}.v8-hero-pop .v7-hero-copy{text-align:center}.v7.v8 .v8-hero-pop .v7-lede{margin-inline:auto}.v7.v8 .v8-hero-pop .v7-hero-cta{justify-content:center}}@media (max-width:600px){.v7.v8 .v8-hero-pop .v7-lede{font-size:17px}}