:root{--paper:#ffffff;--ink:#252622;--muted:#62645d;--coral:#789bfa;--pale:#e9efff;--desk:#eeede8;--line:#dcdcd3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:5px}.wrap{max-width:1140px;margin:0 auto;padding-left:28px;padding-right:28px}.nav{height:110px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:27px;font-weight:760;letter-spacing:-1.3px;display:flex;align-items:center;gap:9px}.brand-icon{display:inline-grid;place-items:center;width:31px;height:31px;background:var(--coral);border-radius:8px;font-size:26px;font-weight:500;letter-spacing:0}.brand-dot{margin-left:-8px}.nav nav{display:flex;align-items:center;gap:40px;font-size:13px}.nav nav a{font-weight:600}.nav nav a span{padding-left:12px}.nav-note{color:var(--muted)}.hero{text-align:center;padding-top:52px;padding-bottom:63px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:650;margin:0 0 27px}.eyebrow>span,.concept>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--coral);margin-right:8px;vertical-align:1px}h1{font-size:clamp(58px,7.15vw,90px);line-height:1.025;letter-spacing:-5.2px;font-weight:680;margin:0}.highlight{position:relative;white-space:nowrap}.highlight:after{content:"";position:absolute;bottom:4px;left:-3px;right:-5px;height:14px;background:var(--coral);opacity:.64;z-index:-1;transform:rotate(-1.8deg)}.intro{font-size:18px;line-height:1.6;color:var(--muted);margin:27px 0 24px}.download-row{display:flex;align-items:center;flex-direction:column;gap:11px}.download{border:0;border-radius:9px;padding:15px 20px;background:var(--ink);color:white;display:inline-flex;gap:10px;align-items:center;font-size:14px;font-weight:560;opacity:1;cursor:not-allowed}.download>span{margin-left:13px;color:#d0d0ca}.availability{font-size:11px;color:var(--muted)}.see-link{display:inline-flex;margin-top:28px;gap:13px;font-size:12px;font-weight:550}.see-link:hover{color:var(--coral)}.demo-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.demo-heading h2{font-size:23px;line-height:1.22;letter-spacing:-.8px;font-weight:600;margin:0}.concept{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.desktop{height:530px;border-radius:18px;background:var(--desk);position:relative;overflow:hidden;border:1px solid #e3e2dc;isolation:isolate}.desktop-bar{position:absolute;top:0;left:0;right:0;height:31px;background:#e4e3dc;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:10px;color:#65665e}.desktop-label{position:absolute;left:36px;top:62px;font-size:15px;line-height:1.4;letter-spacing:-.3px;color:#73756b}.window{position:absolute;background:white;border:1px solid #ddded6;border-radius:10px;box-shadow:0 10px 32px #2526220c;overflow:hidden;transition:transform .7s ease,opacity .7s ease,box-shadow .7s ease}.window-top{height:33px;background:#f9f9f6;border-bottom:1px solid #ededE6;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:10px;color:#74766d}.lights{font-size:9px;letter-spacing:2px;color:#c9cac1}.task-list{width:325px;left:9%;top:143px;z-index:5;transform:rotate(-3deg)}.list-body{padding:20px}.list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.list-heading h3{font-size:20px;letter-spacing:-.6px;margin:0}.list-heading>span{font-size:8px;letter-spacing:1px;color:#77796d}.task{height:38px;display:flex;align-items:center;gap:9px;font-size:11px;white-space:nowrap}.task.complete{color:#919386}.complete>span{border:1px solid #d1d3c8;border-radius:50%;width:14px;height:14px;text-align:center;font-size:10px}.task-circle{width:14px;height:14px;border:1px solid #c7c9bc;border-radius:50%;flex:none}.selected{background:var(--pale);margin:0 -8px;padding:0 8px;border-radius:5px}.selected .task-circle{border-color:var(--coral)}.task-play{margin-left:auto;color:#3759a1;font-size:17px}.add-task{border-top:1px solid #e9e9e1;padding-top:14px;margin-top:9px;font-size:11px;color:#86877a}.add-task span{font-size:16px;margin-right:7px}.messages{width:470px;height:265px;left:33%;top:75px;transform:rotate(3deg);z-index:2}.message-layout{display:flex;height:100%}.message-layout aside{width:129px;flex:none;background:#f2f1ec;padding:18px 12px;display:flex;flex-direction:column;gap:15px;font-size:9px;color:#85877d}.message-layout aside b{color:#44463e;margin-bottom:3px}.message-content{padding:17px 15px;flex:1;font-size:11px}.message-content>p{display:flex;gap:9px;line-height:1.6;margin-top:20px;font-size:9px}.message-content i{display:inline-grid;place-items:center;width:25px;height:25px;flex:none;border-radius:6px;background:#e8e9df;color:#686b5e;font-style:normal;font-weight:bold}.message-content small{font-size:8px;color:#999b90;margin-left:6px}.fake-input{margin-top:17px;border:1px solid #e5e6dd;padding:9px;border-radius:5px;color:#999b90;font-size:9px}.document{width:355px;height:277px;right:5%;top:193px;transform:rotate(4deg);z-index:3}.document-body{padding:24px 27px}.document-tag{font-size:7px;letter-spacing:1.1px;color:#8c8d82}.document h3{font-size:23px;letter-spacing:-.7px;margin:13px 0 20px}.text-line{height:5px;background:#e9eae2;margin-bottom:9px;width:91%;border-radius:2px}.text-line.wide{width:100%}.text-line.medium{width:73%}.document h4{font-size:11px;margin:19px 0 11px}.doc-comment{position:absolute;bottom:21px;right:15px;background:#f3f2ed;padding:9px;border:1px solid #e3e4da;border-radius:5px;font-size:8px;color:#858679}.floating-task{position:absolute;left:50%;top:59px;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:13px;width:404px;height:73px;background:var(--coral);border:1px solid #668ae8;border-radius:13px;box-shadow:0 9px 20px #4267bd26;padding:0 17px;color:#252622}.timer-icon{font-size:31px;line-height:1}.floating-copy{display:flex;flex-direction:column;gap:5px}.floating-copy>span{font-size:7px;letter-spacing:1.15px;font-weight:650}.floating-copy strong{font-size:14px;letter-spacing:-.2px}.timer-time{margin-left:auto;font-size:20px;font-weight:600;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.timer-pause{font-size:17px;padding-left:3px}.floating-caption{position:absolute;top:145px;left:49%;font-size:11px;color:#686b5e;transform:rotate(-4deg);z-index:10}.scene-note{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:12px;color:#63665a}.desktop[data-stage="1"] .task-list{transform:rotate(0) translate(5px,-5px);box-shadow:0 15px 35px #25262218}.desktop[data-stage="1"] .messages{opacity:.55;transform:rotate(2deg) translateY(10px)}.desktop[data-stage="2"] .messages{transform:rotate(-1deg) translate(-30px,20px);z-index:7;box-shadow:0 12px 35px #25262216}.desktop[data-stage="2"] .document{transform:rotate(1deg) translate(-10px,4px);z-index:8}.desktop[data-stage="2"] .task-list{transform:rotate(-4deg) translate(-15px,4px);opacity:.6}.demo-controls{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.stages{display:flex;gap:7px}.stage{font-size:11px;padding:9px 12px;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--muted);cursor:pointer}.stage>span{margin-right:7px;font-size:9px;color:#7b7e70}.stage.active{border-color:var(--line);background:#f0efe9;color:var(--ink)}.playback{display:flex;gap:7px}.playback button{border:1px solid var(--line);background:transparent;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:15px}.playback button:hover,.stage:hover{background:var(--pale)}.demo-disclaimer{font-size:10px;color:var(--muted);margin:15px 0 0;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:92px;padding-bottom:88px}.steps article{border-top:1px solid var(--line);padding-top:18px}.step-number{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.steps h2{font-size:31px;line-height:1.1;letter-spacing:-1px;font-weight:600;margin:24px 0 16px}.steps p{font-size:14px;line-height:1.7;color:var(--muted);max-width:275px;margin:0}.less{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-top:48px;padding-bottom:100px}.less h2{font-size:57px;line-height:1.05;letter-spacing:-2.7px;margin:0;font-weight:620}.less h2>span{color:var(--coral)}.less p{font-size:17px;line-height:1.6;margin:0 0 18px}.less p.scope{font-size:13px;color:var(--muted)}.download.small{font-size:12px;padding:12px 15px}.coming{display:block;font-size:10px;color:var(--muted);margin-top:10px}.closing{background:var(--coral);padding:38px 0}.closing>.wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.closing span{font-size:14px}.closing strong{font-size:25px;letter-spacing:-.8px;font-weight:600}.closing strong span{font-size:30px;margin-left:23px}footer{min-height:120px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:22px}footer .brand-icon{width:25px;height:25px;font-size:20px}footer>span{font-size:10px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.hero{padding-top:66px;padding-bottom:77px}}@media(max-width:800px){.nav-note{display:none}.nav{height:90px}.hero{padding-top:35px}h1{font-size:72px;letter-spacing:-4px}.desktop-label{display:none}.task-list{left:4%;top:155px;width:295px}.messages{left:22%;width:420px}.document{right:3%;width:310px}.steps{gap:25px}.less{gap:35px}.less h2{font-size:48px}.closing strong{font-size:21px}.closing strong span{margin-left:8px}}@media(max-width:560px){.wrap{padding-left:22px;padding-right:22px}.nav{height:79px}.brand{font-size:24px}.nav nav{font-size:11px}.hero{padding-top:35px;padding-bottom:49px}.eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:24px}h1{font-size:clamp(45px,12.4vw,66px);letter-spacing:-2.8px;line-height:1.06}.highlight:after{height:9px;bottom:1px}.intro{font-size:15px;line-height:1.65;margin-top:24px}.download{font-size:13px;padding:14px 18px}.availability{font-size:10px}.see-link{margin-top:24px;font-size:11px}.demo-heading{align-items:start;gap:12px}.demo-heading h2{font-size:19px;letter-spacing:-.5px}.concept{font-size:6px;letter-spacing:.7px;white-space:nowrap;margin-top:5px}.concept>span{width:4px;height:4px;margin-right:3px}.desktop{height:480px;border-radius:13px}.desktop-bar{font-size:7px;padding:0 12px;height:26px}.floating-task{width:calc(100% - 24px);top:49px;height:66px;padding:0 12px;gap:9px;border-radius:10px}.timer-icon{font-size:25px}.floating-copy strong{font-size:11px;letter-spacing:-.15px}.floating-copy>span{font-size:6px;letter-spacing:.7px}.timer-time{font-size:17px}.timer-pause{font-size:13px;padding:0}.floating-caption{top:127px;left:29%;font-size:9px}.task-list{left:17px;top:173px;width:calc(100% - 34px);transform:rotate(-2deg)}.list-body{padding:17px}.messages{left:25px;top:162px;width:calc(100% - 50px);height:240px;transform:rotate(3deg)}.message-layout aside{width:75px;font-size:7px;padding:15px 7px;gap:14px}.message-content{padding:12px 9px}.message-content>p{font-size:8px}.message-content i{width:19px;height:22px}.message-content small{display:none}.document{right:13px;top:176px;width:calc(100% - 38px);height:258px;opacity:0}.desktop[data-stage="2"] .document{opacity:1;transform:rotate(1deg);z-index:8}.desktop[data-stage="2"] .messages{transform:rotate(-2deg) translateY(-9px);z-index:7}.desktop[data-stage="2"] .task-list{transform:rotate(-3deg) translateY(7px);opacity:.4}.scene-note{bottom:15px;font-size:10px;padding:0 10px}.demo-controls{align-items:center;gap:7px;margin-top:13px}.stages{gap:0;flex:1;justify-content:space-between}.stage{font-size:9px;padding:8px 5px}.stage>span{display:block;font-size:7px;margin:0 0 4px}.playback{gap:4px}.playback button{width:26px;height:26px;font-size:13px}.demo-disclaimer{font-size:9px;margin-top:12px}.steps{grid-template-columns:1fr;gap:33px;padding-top:58px;padding-bottom:40px}.steps article{display:grid;grid-template-columns:1fr 1.1fr;column-gap:20px;padding-top:15px}.step-number{grid-column:1/-1;font-size:8px}.steps h2{font-size:26px;margin:20px 0 0}.steps p{font-size:12px;margin-top:19px}.less{grid-template-columns:1fr;gap:26px;padding-top:29px;padding-bottom:55px}.less h2{font-size:47px;letter-spacing:-2px}.less p{font-size:16px}.closing{padding:30px 0}.closing>.wrap{display:block}.closing .wrap>span{font-size:12px;display:block;margin-bottom:11px}.closing strong{font-size:23px;line-height:1.2;display:block}.closing strong span{font-size:23px;margin-left:4px}footer{padding-top:27px;padding-bottom:27px;display:grid;grid-template-columns:1fr 1fr;gap:20px}footer .brand{grid-row:1/3}footer>span{font-size:9px;text-align:right}footer>span:last-child{margin-top:-9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@keyframes capture-task{0%,12%{opacity:0;transform:translateY(5px)}30%,100%{opacity:1;transform:translateY(0)}}
.desktop[data-stage="0"] .selected{animation:capture-task 3.6s ease both}
@media(max-width:560px){.task-list{top:160px}.task{height:34px}.scene-note{bottom:13px}}