:root{--lime:#c8f53b;--ink:#0b0b0c;--raised:#131315;--paper:#f5f4f0;--text:#ecebe6;--dim:#a2a19b;--faint:#6c6b66;--red:#e5484d;--line:#ffffff14;--deep:#9cbf22;--sans:"DM Sans", ui-sans-serif, system-ui, sans-serif;--mono:"DM Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body:after{content:"";z-index:50;pointer-events:none;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}body{background:var(--ink);color:var(--text);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{letter-spacing:-.035em;margin:0;font-weight:800;line-height:1.02}h1,h2{text-transform:uppercase;letter-spacing:-.02em;line-height:.96}.mark{background:var(--lime);color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .1em}.zero{pointer-events:none;height:auto}.halftone{background-image:radial-gradient(#f4f4ee12 1.2px,#0000 1.6px);background-size:9px 9px}.wrap{max-width:1080px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}.wrap.narrow{max-width:720px}.eyebrow{background:var(--lime);font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin:0 0 18px;padding:4px 10px 3px;display:inline-block;transform:rotate(-2deg)}.fine{color:var(--faint);font-size:13px}.btn{cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,background .15s;display:inline-flex}.btn:hover{transform:translate(-1px,-1px)}.btn-sm{padding:9px 16px;font-size:14px}.btn-lime{background:var(--lime);color:var(--ink);box-shadow:4px 4px 0 var(--deep)}.btn-lime:hover{box-shadow:5px 5px 0 var(--deep);background:#d8ff58}.btn-lime:active{box-shadow:1px 1px 0 var(--deep);transform:translate(3px,3px)}.btn-ghost{color:var(--text);border:2px solid #ffffff38}.btn{white-space:nowrap}@media (width<=440px){.nav-logo span{display:none}}.btn-ghost.btn-sm{padding:7px 14px}.btn-ghost:hover{background:#ffffff0f}.btn.soon{opacity:.45;cursor:default;pointer-events:none}.btn.soon:after{content:"soon";font:500 11px var(--mono);opacity:.8}a.soon:not(.btn){display:none}.nav{z-index:20;pointer-events:none;background:linear-gradient(#0b0b0ceb,#0b0b0c99 60%,#0b0b0c00);justify-content:space-between;align-items:center;padding:16px clamp(20px,4vw,40px) 24px;display:flex;position:fixed;inset:0 0 auto}.nav>*{pointer-events:auto}.nav-logo{letter-spacing:-.01em;align-items:center;gap:4px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.nav-logo img{width:40px;height:40px;margin:-4px 0}.nav-links{align-items:center;gap:8px;display:flex}.nav-link{color:var(--dim);padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text)}@media (width<=860px){.nav-link{display:none}}.story{height:640vh;position:relative}.stage{height:100svh;position:sticky;top:0;overflow:hidden}.scene{width:100%;height:100%;position:absolute;inset:0}.shade{pointer-events:none;background:linear-gradient(90deg,#0b0b0cf5 0%,#0b0b0cd9 28%,#0b0b0c00 50%),radial-gradient(90% 80% at 65%,#0000 55%,#0b0b0ccc 100%);position:absolute;inset:0}.copy{pointer-events:none;align-items:center;width:min(440px,34vw);display:grid;position:absolute;inset:0 auto 0 clamp(20px,6vw,88px)}.copy .line{grid-area:1/1}.line{opacity:0;will-change:opacity, translate}.kicker{background:var(--paper);font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:0 0 18px;padding:4px 10px 3px;display:inline-block;transform:rotate(-2deg)}.story h1{font-size:clamp(40px,4.8vw,68px)}.story h2{font-size:clamp(34px,4.2vw,58px)}.sub{color:var(--dim);margin:20px 0 0;font-size:clamp(16px,1.25vw,18px)}.copy .btn{margin-top:28px}.scroll-cue{font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scroll-cue i{background:linear-gradient(var(--faint), transparent);transform-origin:top;width:1px;height:32px;animation:1.8s ease-in-out infinite cue}@keyframes cue{0%{transform:scaleY(0)}60%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (width<=900px){.shade{background:linear-gradient(#0b0b0c00 44%,#0b0b0ce6 64%,#0b0b0cfa 100%)}.copy{align-items:end;width:auto;inset:auto 20px 44px}.story .scroll-cue{display:none}}.rain{pointer-events:none;opacity:0;position:absolute;inset:0;overflow:hidden}.rain:before,.rain:after{content:"";background-image:repeating-linear-gradient(100deg,#0000 0 46px,#f4f4ee17 46px 47px,#0000 47px 91px);background-size:100% 140px;animation:.55s linear infinite rain;position:absolute;inset:-200px -100px}.rain:after{background-image:repeating-linear-gradient(100deg,#0000 0 71px,#f4f4ee0d 71px 72px,#0000 72px 130px);background-size:100% 90px;animation-duration:.8s}@keyframes rain{to{transform:translate(-24px,140px)}}.neon{font:700 15px var(--sans);letter-spacing:.08em;fill:var(--red);opacity:.75;animation:6s step-end infinite buzz}@keyframes buzz{0%,to{opacity:.75}91%{opacity:.2}93%{opacity:.75}95%{opacity:.3}}[data-k].on .label-in{animation:.7s step-end flicker}@keyframes flicker{0%{opacity:.2}20%{opacity:1}35%{opacity:.35}55%{opacity:1}}.grid-dots circle{fill:#2a2a2e}#hope{stroke:#ffffff8c;stroke-width:2px;stroke-dasharray:1 9;stroke-linecap:round}#way{stroke:var(--lime);stroke-width:3.5px;stroke-linecap:round}#doneTile{fill:#ffffff0a;stroke:#ffffff47;stroke-width:1.5px;stroke-dasharray:4 4;transition:fill .4s,stroke .4s}#doneTile.reached{fill:#c8f53b38;stroke:var(--lime);stroke-dasharray:none}#you .ring{fill:none;stroke:#ffffff80;stroke-width:1.2px;transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite ring}@keyframes ring{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}#you .mood{display:none}#you[data-mood=calm] .m-calm,#you[data-mood=annoyed] .m-annoyed,#you[data-mood=fedup] .m-fedup,#you[data-mood=surprised] .m-surprised,#you[data-mood=happy] .m-happy{display:inline}#you .bubble{font:800 11px var(--sans);fill:var(--paper);stroke:none}#you .bubble.lime{fill:var(--lime)}#you .tap,#you .scribble,#you .sparkle{transform-box:fill-box}#you[data-mood=fedup] .tap{transform-origin:20% 100%;animation:.45s ease-in-out infinite alternate tap}@keyframes tap{to{transform:rotate(-16deg)}}#you[data-mood=fedup] .scribble{transform-origin:50%;animation:.3s steps(2,end) infinite fume}@keyframes fume{to{transform:translate(.6px,-.5px)rotate(4deg)}}#you .sparkle{transform-origin:50%;animation:1.2s ease-in-out infinite alternate glint}@keyframes glint{0%{opacity:.4;transform:scale(.8)}}#you.walking .figure{animation:.36s ease-in-out infinite alternate step}@keyframes step{to{transform:translateY(-2px)}}#orbit,#zero{transform-box:fill-box}.label .label-in{font-family:var(--sans)}.label rect,.label path{fill:var(--red)}.label text{fill:#fff;font-size:12.5px;font-weight:700}.label text.sub{font:500 10px var(--mono);fill:#ffffffd9}.label .dot{fill:#fff}.label .stem{stroke:#fbfaf799;stroke-width:1px}.label.you rect,.label.you path{fill:#0b0b0ce0}.label.you text{fill:var(--paper);font:500 12px var(--mono);letter-spacing:.06em}.label.done rect,.label.done path{fill:#ffffff1a}.label.done text{fill:var(--text);font-weight:700}[data-done].reached .label.done rect,[data-done].reached .label.done path{fill:var(--lime)}[data-done].reached .label.done text{fill:var(--ink)}.intro{text-align:center;background:radial-gradient(40% 36% at 50% 22%,#c8f53b1a,#0000 70%),radial-gradient(#f4f4ee0f 1.2px,#0000 1.6px) 0 0/9px 9px;padding:clamp(100px,14vw,170px) 20px clamp(80px,10vw,120px)}.intro-zero{width:min(280px,60vw);margin:0 auto}.intro-title{max-width:760px;margin:28px auto 0;font-size:clamp(36px,5.2vw,64px)}.intro-sub{max-width:520px;color:var(--dim);margin:18px auto 0}.promises{text-align:left;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px);max-width:1000px;margin:clamp(64px,9vw,110px) auto 0;display:grid}.promise{background:var(--raised);border:1px solid var(--line);border-radius:22px;padding:6px 26px 30px}.promise-zero{width:170px;margin:0 0 -4px -20px}.promise h3{color:var(--lime);font-size:clamp(34px,3.6vw,46px)}.promise p{color:var(--dim);margin:14px 0 0}@media (width<=760px){.promises{grid-template-columns:1fr}}.product{border-top:1px solid var(--line);padding:clamp(210px,20vw,250px) 0 clamp(80px,11vw,130px)}.product-card{background:var(--raised);border:1px solid var(--line);box-shadow:8px 8px 0 var(--lime);border-radius:28px;align-items:flex-start;gap:clamp(24px,4vw,48px);padding:clamp(24px,4vw,48px);display:flex;position:relative}.product-zero{width:clamp(140px,17vw,190px);position:absolute;bottom:calc(100% - 14px);right:clamp(24px,6vw,72px)}.product-icon{flex:none;width:clamp(96px,11vw,132px);height:auto}.product-body h2{font-size:clamp(34px,4vw,48px)}.product-sub{color:var(--dim);max-width:540px;margin:14px 0 0}.chips{flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none;display:flex}.chips li{color:var(--text);border:1px solid var(--line);background:#ffffff0d;border-radius:999px;padding:6px 12px;font-size:14px}.downloads{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.product-body .fine{margin:18px 0 0}.product-body .fine a{color:var(--dim)}.qa dd strong{color:var(--text);font-weight:600}@media (width<=640px){.product-card{flex-direction:column}}.section-title{font-size:clamp(34px,4.6vw,56px)}.free{border-top:1px solid var(--line);padding:clamp(80px,11vw,130px) 0;position:relative}.free-zero{width:250px;position:absolute;top:clamp(80px,11vw,130px);right:max(24px,50% - 640px)}@media (width<=1180px){.free-zero{display:none}}.qa{margin:44px 0 0}.qa dt{letter-spacing:-.01em;margin-top:32px;font-size:20px;font-weight:700}.qa dt:first-child{margin-top:0}.qa dd{color:var(--dim);margin:8px 0 0}.coffee{text-align:center;border-top:1px solid var(--line);padding:clamp(80px,11vw,130px) 0}.coffee-zero{width:180px;margin:0 auto 8px}.coffee-line{letter-spacing:-.02em;max-width:600px;margin:0 auto 28px;font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.2}.bmc{transition:transform .15s;display:inline-block}.bmc:hover{transform:translateY(-2px)rotate(-1deg)}.foot{border-top:1px solid var(--line);padding:36px 0 44px}.foot-inner{color:var(--dim);flex-wrap:wrap;align-items:center;gap:12px 28px;font-size:14px;display:flex}.foot-inner p{margin:0}.foot-inner .fine{margin-left:auto}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story{height:100svh}#you .ring,#you .tap,#you .scribble,#you .sparkle,.scroll-cue i,.neon,[data-k].on .label-in{animation:none}.rain{display:none}}.win{font-family:var(--sans);-webkit-user-select:none;user-select:none;background:#121212;border:1px solid #ffffff12;border-radius:14px;position:relative;overflow:hidden}.win-bar{background:#161616;align-items:flex-end;gap:6px;height:30px;padding:0 12px;display:flex}.win-bar i{background:#3a3a3a;border-radius:50%;width:9px;height:9px;margin-bottom:10px}.win-tab{color:#d8d8d8;white-space:nowrap;background:#222;border-radius:7px 7px 0 0;margin-left:12px;padding:6px 12px 7px;font-size:11px;font-weight:500}.win-tools{background:#222;border-bottom:1px solid #2c2c2c;align-items:center;gap:9px;height:32px;padding:0 12px;display:flex}.win-tools b{background:#3a3a3a;border-radius:4px;width:14px;height:14px}.win-tools span{flex:1}.pill{color:#fff;font:normal 600 10.5px var(--sans);background:#3b8ff5;border-radius:999px;padding:3px 10px;transition:transform .15s,background .15s}.pill.pressed{background:#1a73e8;transform:scale(.94)}.win-stage{height:clamp(300px,54vh,620px);position:relative}.layer{visibility:hidden;justify-content:center;padding-top:24px;display:flex;position:absolute;inset:0;overflow:hidden}.cursor{z-index:5;filter:drop-shadow(0 2px 4px #00000080);position:absolute;top:0;left:0}.cursor.click{animation:.3s press}@keyframes press{50%{scale:.82}}.page{color:#1c1c1c;background:#fff;border-radius:3px;width:74%;min-height:360px;padding:24px 26px;font-size:11.5px;line-height:1.5;position:relative;box-shadow:0 10px 30px #00000073}.page h4{letter-spacing:-.01em;margin:0 0 12px;font-size:15px;font-weight:800}.bar{background:#e6e5e0;border-radius:3px;height:6px;margin:8px 0;display:block}.chip{font:600 11px var(--sans);opacity:0;border-radius:999px;padding:5px 10px;transition:opacity .3s,transform .3s cubic-bezier(.3,1.6,.5,1);position:absolute;transform:translateY(6px)scale(.9)}.chip.ok{background:var(--lime);color:var(--ink)}.chip.show{opacity:1;transform:none}.edit-line{outline-offset:4px;border-radius:2px;outline:1.5px solid #0000;margin:14px 0;font-size:13px;font-weight:600;transition:outline-color .2s;position:relative}.edit-line.editing{outline-color:#3b8ff5}.edit-line.done .val{background:#c8f53b73;border-radius:2px}.edit-line .caret{vertical-align:-3px;background:#3b8ff5;width:1.5px;height:15px;margin-left:1px;animation:1s steps(2,end) infinite blink;display:none}.edit-line.editing .caret{display:inline-block}@keyframes blink{50%{opacity:0}}.field{border-bottom:1px solid #cfcfca;border-radius:3px 3px 0 0;margin:12px 0 0;padding:4px 6px 3px;transition:background .2s;position:relative}.field.active{background:#3b8ff51f;border-bottom-color:#3b8ff5}.field label,.sig label{color:#8a8984;letter-spacing:.02em;font-size:9px;display:block}.field .val{color:#1f3a8a;min-height:17px;font-size:12.5px;display:block}.sig{border-bottom:1px solid #cfcfca;margin-top:14px;padding:4px 6px 0}.sig svg{width:62%;height:46px;display:block}.sig path{fill:none;stroke:#1f2d6b;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.sig.drawn path{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s cubic-bezier(.45,0,.3,1)}.page .chip{top:18px;right:18px}.thumbs{position:absolute;inset:0}.thumb{width:var(--tw,52px);transition:transform .7s cubic-bezier(.65,0,.35,1),opacity .4s,scale .2s;position:absolute;top:34%;left:0}.thumb.instant{transition:none}.thumb .sheet{height:calc(var(--tw,52px) * 1.32);background:#fff;border-radius:3px;padding:10px 8px;box-shadow:0 6px 16px #0006}.thumb .sheet .bar{height:4px;margin:6px 0}.thumb .chart{background:linear-gradient(90deg,#0000 12%,#c8f53b 12% 30%,#0000 30% 41%,#c8f53b 41% 59%,#0000 59% 70%,#c8f53b 70% 88%,#0000 88%) bottom/100% 70% no-repeat,#f1f5e4;border-radius:2px;height:42%;margin:2px 0 6px;display:block}.thumb .band{background:#2f7fe6;border-radius:3px 3px 0 0;height:10px;margin:-10px -8px 8px;display:block}.thumb span{text-align:center;color:#8c8c8c;margin-top:8px;font-size:10px;display:block}.thumb.lifted{z-index:3;scale:1.08}.thumb.lifted .sheet{outline:2px solid #3b8ff5;box-shadow:0 16px 30px #0009}.thumb.away{opacity:0}.scan{color:#3b3934;filter:blur(.6px)contrast(.9);background:#e9e3d3;font-family:Times New Roman,Georgia,serif;font-size:12px;transition:transform 1.1s cubic-bezier(.65,0,.35,1),filter 1.1s,background 1.1s,color 1.1s;overflow:hidden;transform:rotate(-3.5deg)translateY(4px)}.scan h4{letter-spacing:.08em;font-family:inherit;font-size:17px}.scan p{margin:5px 0}.scan .row{justify-content:space-between;display:flex}.scan .total{margin-top:10px;font-weight:700}.scan.clean{filter:none;color:#1c1c1c;background:#fff;transform:none}.scan .hit{border-radius:2px;transition:background .3s}.scan .hit.on{background:#ffd84d}.sweep{border-bottom:2px solid var(--lime);opacity:0;background:linear-gradient(#c8f53b00,#c8f53b8c);height:30px;position:absolute;top:-30px;left:0;right:0}.scan.sweeping .sweep{animation:1.6s cubic-bezier(.45,0,.55,1) forwards sweep}@keyframes sweep{0%{opacity:1;top:-30px}90%{opacity:1}to{opacity:0;top:100%}}.find{color:#eee;opacity:0;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;align-items:center;gap:8px;min-width:120px;padding:6px 10px;font-size:11px;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:10px;right:12px;transform:translateY(-6px)}.find.show{opacity:1;transform:none}.find-label{color:#8c8c8c}.layer>.chip{bottom:14px;left:14px}.tour{border-top:1px solid var(--line);height:640vh;position:relative}.tour-stage{place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.tour-glows,.tour-float{pointer-events:none;position:absolute;inset:0}.tour-glows i{opacity:0;pointer-events:none;background:radial-gradient(ellipse 42% 48% at 66% 54%, rgba(var(--c), .2), transparent 70%);position:absolute;inset:0}.tour-glows i:first-child{--c:201, 63, 155}.tour-glows i:nth-child(2){--c:227, 106, 31}.tour-glows i:nth-child(3){--c:47, 127, 230}.tour-glows i:nth-child(4){--c:123, 92, 230}.tour-head{z-index:2;text-align:center;pointer-events:none;position:absolute;top:11vh;left:20px;right:20px}.tour-head h2{font-size:clamp(40px,6vw,84px)}.tour-grid{z-index:1;grid-template-columns:.78fr 1.3fr;align-items:center;gap:clamp(32px,5vw,72px);width:min(1320px,100% - 2*clamp(20px,4vw,40px));margin-top:4vh;display:grid;position:relative}.tour-copy{position:relative}.tour-steps{margin:0;padding:0;list-style:none}.tour-steps li{opacity:.32;padding:18px 0 0;transition:opacity .35s}.tour-steps li.on{opacity:1}.tour-steps h3{font-size:clamp(22px,2.3vw,30px)}.tour-steps p{opacity:0;max-height:0;color:var(--dim);margin:0;transition:max-height .45s,opacity .45s,margin .45s;overflow:hidden}.tour-steps li.on p{opacity:1;max-height:90px;margin-top:10px}.prog{background:var(--line);height:2px;margin-top:18px;display:block;position:relative;overflow:hidden}.prog:after{content:"";background:var(--lime);transform-origin:0;transform:scaleX(var(--fill,0));position:absolute;inset:0}.tour-more{opacity:0;position:absolute;top:50%;left:0;right:0;translate:0 -50%}.tour-more h3{color:var(--lime);font-size:clamp(28px,3vw,40px)}.tour-more p{color:var(--dim);margin:14px 0 0}.tour-win{transform-origin:50% 100%;will-change:transform}.tour-win .win{box-shadow:0 40px 120px #0009,0 0 0 1px #ffffff0a}.tour .thumb,.tour .scan{transition:none}.tour .thumb{top:30%}.tour-float .float{border:1px solid var(--line);color:var(--dim);white-space:nowrap;will-change:transform;background:#ffffff09;border-radius:999px;padding:8px 14px;font-size:14px;position:absolute}.tour-float .float.far{color:#a2a19b73;filter:blur(1.2px);border-color:#ffffff0a;font-size:12px}.tour-float .float.near{z-index:3;color:var(--text);-webkit-backdrop-filter:blur(8px);background:#1e1e21cc;font-size:15px}@media (width<=900px){.tour{height:560vh}.tour-grid{grid-template-columns:1fr;gap:22px;margin-top:0}.tour-win{order:-1}.win-stage{height:44vh}.tour-steps li:not(.on){display:none}.tour-steps li{padding-top:0}.tour-more{top:0;translate:none}.tour-float{display:none}}