:root{--paper:#f3f3f1;--page:#fafaf8;--card:#fff;--ink:#121212;--ink2:#5a5a58;--ink3:#6e6e6c;--faint:#b3b3af;--rule:#1212120e;--hair:#12121214;--violet:#8e78ff;--lime:#b6e43a;--yellow:#ffc529;--blue:#4d94ff;--rose:#f57ab4;--ember:#ff5b22;--hand:"Gaegu", "Bradley Hand", cursive;--sans:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace;--spring:cubic-bezier(.22, 1.35, .36, 1);--out:cubic-bezier(.16, 1, .3, 1);--gutter:20px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}.btn{background:var(--ink);color:#fff;height:56px;font:600 17px/1 var(--sans);letter-spacing:-.01em;cursor:pointer;transition:transform .35s var(--spring), box-shadow .35s var(--out);border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 24px;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 32px -16px #1212128c}.btn:active{transform:scale(.97)}.btn svg{fill:currentColor;width:18px;height:18px;margin-top:-2px}.btn.sm{border-radius:10px;height:40px;padding:0 16px;font-size:15px}.nav{z-index:20;height:64px;padding:0 var(--gutter);padding-top:env(safe-area-inset-top);justify-content:space-between;align-items:center;transition:background .3s,box-shadow .3s;display:flex;position:fixed;inset:0 0 auto}.nav.solid{-webkit-backdrop-filter:saturate(1.6)blur(18px);box-shadow:0 1px 0 var(--hair);background:#f3f3f1d6}.brand{letter-spacing:-.035em;color:var(--ink);align-items:center;gap:9px;font-size:22px;font-weight:600;text-decoration:none;display:flex}.brand svg{width:28px;height:28px}.hero{min-height:100svh;padding:84px var(--gutter) 104px;align-content:start;gap:26px;display:grid}.eyebrow{font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}h1{letter-spacing:-.045em;margin-top:12px;font-size:clamp(52px,15.5vw,168px);font-weight:600;line-height:.94}h1 .u{display:inline-block;position:relative}h1 .u svg{width:104%;height:.22em;position:absolute;bottom:-.1em;left:-2%;overflow:visible}h1 .u path{fill:none;stroke:var(--violet);stroke-width:7px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:draw .9s var(--out) .5s forwards}@keyframes draw{to{stroke-dashoffset:0}}.lede{color:var(--ink2);max-width:31em;margin-top:22px;font-size:17px;line-height:1.5}.cta{margin-top:24px}.cta .btn{width:100%}.note{font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-top:14px}.page{background:var(--page);min-height:404px;box-shadow:0 1px 0 var(--hair) inset, 0 1px 2px #1212120a, 0 40px 80px -48px #12121261;border-radius:24px;padding:16px 16px 20px;position:relative;overflow:hidden}.page:before{content:"";pointer-events:none;background:repeating-linear-gradient(to bottom, transparent 0 69px, var(--rule) 69px 70px);position:absolute;inset:50px 0 0}.page-top{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);justify-content:space-between;align-items:center;height:22px;margin-bottom:12px;display:flex}.page-top .count{transition:opacity .3s}.lines{transition:transform .7s var(--out), opacity .5s;position:relative}.lines.tucked{opacity:0;transform:translateY(-24px)}.ln{min-height:70px;transition:opacity .4s, transform .5s var(--out);padding-top:4px;position:relative}.ln .row{align-items:baseline;gap:12px;display:flex}.ln .txt{font:400 clamp(26px, 7.2vw, 38px)/1.12 var(--hand);letter-spacing:-.025em;white-space:nowrap;flex:1;min-width:0;position:relative}.ln .txt .k{position:relative}.ln .ul{pointer-events:none;height:10px;position:absolute;left:-2px;overflow:visible}.ln .ul path{fill:none;stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .55s var(--out)}.ln .ul.on path{stroke-dashoffset:0}.caret{background:var(--ember);vertical-align:-.05em;border-radius:2px;width:2.5px;height:.78em;margin-left:3px;animation:1.05s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.ans{font:600 18px/1 var(--sans);letter-spacing:-.02em;white-space:nowrap;opacity:0;transition:opacity .35s, transform .55s var(--spring);font-variant-numeric:tabular-nums;transform:translate(8px)}.ans.on{opacity:1;transform:none}.ans small{color:var(--ink3);margin-left:4px;font-size:14px;font-weight:500}.tag{height:24px;font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);opacity:0;transform-origin:0;transition:opacity .3s, transform .5s var(--spring), background .3s, color .3s;border-radius:6px;align-items:center;gap:7px;margin-top:8px;padding:0 9px;display:inline-flex;transform:translateY(6px)scale(.94)}.tag.on{opacity:1;transform:none}.tag i{border-radius:2px;flex:none;width:7px;height:7px}.ln.added .tag{color:#fff;background:var(--ink)!important}.ln.added .tag i{background:var(--lime)!important}.ln.added .txt{color:var(--ink2);transition:color .4s}.bar{background:var(--ink);color:#fff;height:60px;transition:transform .6s var(--spring);border-radius:15px;align-items:center;gap:12px;padding:0 8px 0 16px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(90px)}.bar.up{transform:none}.bar .dots{display:flex}.bar .dots i{border:2px solid var(--ink);border-radius:4px;width:14px;height:14px;margin-right:-4px}.bar span{font:500 15px/1 var(--sans);margin-left:4px}.bar b{height:44px;color:var(--ink);font:600 15px/1 var(--sans);background:#fff;border-radius:11px;place-items:center;margin-left:auto;padding:0 18px;transition:transform .2s;display:grid}.bar b.press{transform:scale(.92)}.toast{opacity:0;background:var(--card);color:var(--ink);height:40px;font:600 14px/1 var(--sans);transition:transform .5s var(--spring), opacity .3s;white-space:nowrap;border-radius:10px;align-items:center;gap:10px;padding:0 14px;display:flex;position:absolute;top:10px;right:12px;transform:translateY(-12px);box-shadow:0 12px 30px -12px #12121259}.toast.on{opacity:1;transform:none}.toast em{color:var(--ink3);font-style:normal;font-weight:500}.toast i{background:var(--lime);border-radius:5px;width:18px;height:18px;position:relative}.toast i:after{content:"";border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);width:7px;height:4px;position:absolute;top:4px;left:5px;transform:rotate(-45deg)}.dock{left:var(--gutter);right:var(--gutter);bottom:calc(14px + env(safe-area-inset-bottom));z-index:30;transition:transform .55s var(--spring);position:fixed;transform:translateY(140%)}.dock.on{transform:none}.dock .btn{width:100%}@media (width>=900px){:root{--gutter:48px}.nav{height:80px}.hero{padding:120px var(--gutter) 80px;grid-template-columns:minmax(0,1fr) 520px;align-items:center;column-gap:72px;max-width:1360px;margin:0 auto}.words{align-self:center}.eyebrow{font-size:12.5px}h1{margin-top:22px;font-size:clamp(84px,8.4vw,132px)}.lede{margin-top:30px;font-size:21px}.cta{margin-top:38px}.cta .btn{width:auto}.dock{display:none}.page{border-radius:28px;min-height:600px;padding:26px 30px 28px}.page:before{background:repeating-linear-gradient(to bottom, transparent 0 95px, var(--rule) 95px 96px);inset:64px 0 0}.ln{min-height:96px;padding-top:10px}.ln .txt{font-size:40px}.ans{font-size:22px}.tag{height:26px;padding:0 10px;font-size:11px}.bar{border-radius:16px;height:64px;bottom:16px;left:16px;right:16px}.bar b{border-radius:12px;height:48px;padding:0 22px}}@media (height<=440px){.dock{display:none}.hero{gap:18px;padding-top:76px}h1{margin-top:8px;font-size:56px}.lede{margin-top:14px}}@media (width>=700px) and (width<=899px){:root{--gutter:24px}.hero{min-height:100svh;padding:80px var(--gutter) 40px;grid-template-columns:minmax(0,1fr) 344px;align-content:center;align-items:center;column-gap:48px}.words{align-self:center}h1{margin-top:16px;font-size:clamp(56px,8.6vw,76px)}.lede{margin-top:20px;font-size:17px}.cta{margin-top:26px}.cta .btn{width:auto}.dock{display:none}}@media (width>=700px) and (width<=899px) and (horizontal-viewport-segments:2){.hero{column-gap:calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0) + 48px);grid-template-columns:minmax(0, 1fr) calc(100vw - env(viewport-segment-left 1 0) - var(--gutter) - 24px)}}.wrap{padding:0 var(--gutter);max-width:1360px;margin:0 auto}.sec{padding:96px 0}.sec-head{gap:16px;margin-bottom:40px;display:grid}.sec-head h2{letter-spacing:-.045em;font-size:clamp(44px,12vw,104px);font-weight:600;line-height:.95}.sec-head p{color:var(--ink2);max-width:32em;font-size:17px;line-height:1.5}.pen{display:inline-block;position:relative}.pen svg{width:104%;height:.2em;position:absolute;bottom:-.08em;left:-2%;overflow:visible}.pen path{fill:none;stroke-width:7px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1s var(--out) .3s}.pen.in path{stroke-dashoffset:0}.rise{opacity:0;transition:opacity .8s var(--out), transform .9s var(--out);transform:translateY(24px)}.rise.in{opacity:1;transform:none}.drift{padding:26px 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.drift .row{gap:40px;width:max-content;animation:70s linear infinite drift;display:flex}.drift .row+.row{margin-top:10px;animation-duration:85s;animation-direction:reverse}.drift span{font:400 30px/1.3 var(--hand);color:var(--ink3);white-space:nowrap;letter-spacing:-.02em}.drift span b{color:var(--ink);background:linear-gradient(var(--c), var(--c)) no-repeat 0 94% / 100% 3px;font-weight:400}@keyframes drift{to{transform:translate(-50%)}}.card{border-radius:22px;padding:16px 18px;box-shadow:0 22px 40px -24px #12121273}.card .k{font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.72}.card .t{font:600 24px/1.05 var(--sans);letter-spacing:-.03em;align-items:center;gap:8px;margin-top:8px;display:flex}.card .w{opacity:.8;margin-top:4px;font-size:15px}.card.violet{background:var(--violet);color:#fff}.card.lime{background:var(--lime)}.card.yellow{background:var(--yellow)}.card.ember{background:var(--ember)}.duo-grid{gap:40px;display:grid}.device{aspect-ratio:1100/1430;width:min(100%,520px);margin:0 auto;position:relative}.device img{filter:drop-shadow(0 46px 56px #1212124d);z-index:2;width:90%;position:absolute;inset:0 0 0 10%;transform:rotate(3deg)}.device .fan{z-index:1;gap:14px;width:52%;display:grid;position:absolute;top:18%;left:0}.device .fan .card{opacity:0;transition:transform .9s var(--spring), opacity .5s;transform:translate(46%)rotate(0)}.device.in .fan .card{opacity:1}.device.in .fan .card:first-child{transition-delay:.1s;transform:translate(-6%)rotate(-5deg)}.device.in .fan .card:nth-child(2){transition-delay:.3s;transform:translate(-14%)rotate(3deg)}.device.in .fan .card:nth-child(3){transition-delay:.5s;transform:translate(-8%)rotate(-4deg)}.steps{gap:22px;margin-top:8px;list-style:none;display:grid}.steps li{grid-template-columns:40px 1fr;gap:12px;display:grid}.steps b{font:500 12px/2.2 var(--mono);letter-spacing:.14em;color:var(--ink3)}.steps span{color:var(--ink2);font-size:18px;line-height:1.45}.steps em{font:400 30px/1.05 var(--hand);color:var(--ink);letter-spacing:-.02em;margin-bottom:2px;font-style:normal;display:block}.tiles{gap:14px;display:grid}.tile{border-radius:28px;flex-direction:column;min-height:380px;padding:26px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.tile .eyebrow{color:inherit;opacity:.6}.tile h3{font:600 clamp(32px, 8vw, 46px)/1 var(--sans);letter-spacing:-.04em;margin-top:12px}.t-maths{background:var(--yellow)}.t-timer{background:var(--ink);color:#fff}.t-scan{background:var(--card);box-shadow:0 1px 0 var(--hair) inset}.t-habit{background:var(--lime)}.t-add{background:var(--violet);color:#fff}.answer{font:600 min(clamp(96px, 26vw, 170px), 40cqi)/.86 var(--sans);letter-spacing:-.065em;font-variant-numeric:tabular-nums;margin-top:auto;padding-top:30px}.sums{margin-top:22px;display:grid}.sums div{border-top:1px solid #12121224;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;display:flex}.sums span{font:400 22px/1.1 var(--hand);letter-spacing:-.02em}.sums b{white-space:nowrap;font-size:18px;font-weight:600}.timer-line{font:400 34px/1.1 var(--hand);letter-spacing:-.02em;margin-top:22px}.timer-line i{background:linear-gradient(var(--ember), var(--ember)) no-repeat 0 94% / 100% 3px;font-style:normal}.clock{align-items:center;gap:16px;margin-top:auto;padding-top:30px;display:flex}.clock .live{background:var(--ember);border-radius:4px;width:14px;height:14px;animation:1.6s ease-in-out infinite live}@keyframes live{50%{opacity:.35;transform:scale(.8)}}.clock b{font:600 min(clamp(78px, 21vw, 136px), 33cqi)/.86 var(--sans);letter-spacing:-.055em;font-variant-numeric:tabular-nums}.drain{background:#ffffff1f;border-radius:3px;height:6px;margin-top:22px;overflow:hidden}.drain i{background:var(--ember);border-radius:3px;width:85%;height:100%;transition:width 1s linear;display:block}.scan{gap:22px;margin-top:24px;display:grid}.letter{background:var(--page);border-radius:18px;padding:20px 22px;transform:rotate(-2.5deg);box-shadow:0 18px 36px -24px #12121273}.letter .eyebrow{margin-bottom:10px}.letter p{font:400 25px/1.45 var(--hand);color:var(--ink2);letter-spacing:-.02em}.letter p b{color:var(--ink);background:linear-gradient(var(--violet), var(--violet)) no-repeat 0 92% / 0 3px;transition:background-size .6s var(--out);font-weight:400}.t-scan.in .letter p b{background-size:100% 3px}.month{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.month i{aspect-ratio:1;background:var(--paper);font:500 12px/1 var(--sans);color:var(--ink3);transition:background .4s, color .4s, transform .6s var(--spring);border-radius:8px;place-items:center;font-style:normal;display:grid}.month i.blank{background:0 0}.month i.lit{background:var(--violet);color:#fff;transform:scale(1.1)}.habits{gap:16px;margin-top:auto;padding-top:30px;display:grid}.habits .h{font:400 26px/1.1 var(--hand);letter-spacing:-.02em}.days{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:8px;display:grid}.days i{aspect-ratio:1;transition:background .25s, transform .45s var(--spring);background:#ffffff8c;border-radius:28%;position:relative}.days i.on{background:var(--ink);transform:scale(1.06)}.days i.on:after{content:"";border-left:2.5px solid var(--lime);border-bottom:2.5px solid var(--lime);width:34%;height:18%;position:absolute;top:30%;left:32%;transform:rotate(-45deg)}.add{gap:28px;display:grid}.add p{opacity:.9;max-width:28em;margin-top:16px;font-size:18px;line-height:1.5}.rows{gap:10px;display:grid}.ev{color:var(--ink);opacity:0;transition:opacity .4s, transform .6s var(--spring);background:#fff;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;display:flex;transform:translateY(14px)}.t-add.in .ev{opacity:1;transform:none}.t-add.in .ev:nth-child(2){transition-delay:.15s}.t-add.in .ev:nth-child(3){transition-delay:.3s}.t-add.in .ev:nth-child(4){transition-delay:.45s}.ev .bar-c{background:var(--violet);border-radius:2px;align-self:stretch;width:4px}.ev .box{border:2.5px solid var(--lime);border-radius:6px;width:20px;height:20px}.ev b{font-size:17px;font-weight:600}.ev small{color:var(--ink3);margin-top:2px;font-size:13.5px;display:block}.ev .ok{background:var(--lime);width:30px;height:30px;transition:transform .5s var(--spring) .5s;border-radius:9px;flex:none;margin-left:auto;position:relative;transform:scale(0)}.t-add.in .ev .ok{transform:scale(1)}.ev .ok:after{content:"";border-left:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);width:11px;height:6px;position:absolute;top:9px;left:9px;transform:rotate(-45deg)}.dark{background:var(--ink);color:#ededeb;border-radius:32px;margin:0 10px}.dark .eyebrow{color:#8e8e8b}.dark .sec-head p{color:#a3a3a0}.nos{gap:28px;display:grid}.no{font:400 38px/1 var(--hand);letter-spacing:-.02em}.no small{font:400 16px/1.5 var(--sans);letter-spacing:0;color:#a3a3a0;max-width:22em;margin-top:10px;display:block}.plans{gap:14px;display:grid}.plan{background:var(--card);box-shadow:0 1px 0 var(--hair) inset;border-radius:24px;gap:8px;padding:24px;display:grid}.plan.best{background:var(--ink);color:#fff}.plan .eyebrow{color:inherit;opacity:.6}.plan .price{font:600 46px/1 var(--sans);letter-spacing:-.045em;margin-top:6px}.plan .price small{opacity:.6;letter-spacing:0;font-size:17px;font-weight:500}.plan .desc{opacity:.72;font-size:15px;line-height:1.45}.plan .flag{height:26px;font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;background:var(--lime);color:var(--ink);border-radius:7px;justify-self:start;place-items:center;padding:0 9px;display:grid}.always{color:var(--ink2);max-width:46em;margin-top:26px;font-size:17px;line-height:1.55}.always b{color:var(--ink);font-weight:600}.end{text-align:center;padding:110px 0 120px}.end img{border-radius:24px;width:104px;height:104px;margin:0 auto 34px;box-shadow:0 30px 50px -24px #12121280}.end h2{font:600 clamp(50px, 14vw, 140px)/.94 var(--sans);letter-spacing:-.05em}.end .hand-note{font:400 28px/1.2 var(--hand);color:var(--ink2);letter-spacing:-.02em;margin-top:18px}.end .btn{margin-top:36px}footer{border-top:1px solid var(--hair)}footer .wrap{color:var(--ink3);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:28px;padding-bottom:110px;font-size:14px;display:flex}footer a{color:inherit;margin-left:20px;text-decoration:none}footer a:first-child{margin-left:0}@media (width>=700px){.sec{padding:150px 0}.sec-head{gap:22px;margin-bottom:64px}.sec-head p{font-size:21px}.drift span{font-size:36px}.duo-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px}#duo .sec-head h2{font-size:clamp(64px,6.2vw,96px)}.steps span{font-size:20px}.steps em{font-size:34px}.tiles{grid-template-columns:repeat(6,1fr);gap:18px}.sums span{font-size:26px}.tile{border-radius:32px;min-height:460px;padding:36px}.t-maths,.t-timer{grid-column:span 3}.t-scan{grid-column:span 4}.t-habit{grid-column:span 2}.t-add{grid-column:span 6;min-height:0}.scan{grid-template-columns:1fr 1.1fr;align-items:center}.add{grid-template-columns:1fr 1.1fr;align-items:center;gap:50px}.dark{border-radius:44px;margin:0 20px}.nos{grid-template-columns:repeat(4,1fr);gap:28px}.no{font-size:46px}.plans{grid-template-columns:repeat(3,1fr);gap:18px}.plan{border-radius:28px;padding:32px}.plan .price{font-size:54px}footer .wrap{padding-bottom:40px}}@media (width>=700px) and (width<=899px){.ln .txt{font-size:28px}.tile{padding:28px}.tile h3{font-size:36px}.scan{grid-template-columns:1fr}.month{max-width:340px}.add{gap:32px}.nos{grid-template-columns:repeat(2,1fr);gap:36px 28px}.no{font-size:40px}.plan{padding:24px}.plan .price{font-size:42px}.plan .price small{font-size:15px}}@media (width>=900px) and (width<=1199px){.hero{grid-template-columns:minmax(0,1fr) 440px;column-gap:56px}h1{font-size:clamp(62px,6.6vw,84px)}.page{min-height:540px}.ln .txt{font-size:34px}.scan{grid-template-columns:1fr}.month{max-width:340px}.nos{grid-template-columns:repeat(2,1fr);gap:40px 28px}}@media (prefers-reduced-motion:reduce){.rise,.ev,.device .fan .card{opacity:1!important;transform:none!important}.pen path{stroke-dashoffset:0!important}*,:before,:after{transition:none!important;animation:none!important}h1 .u path{stroke-dashoffset:0}}