@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-cyrillic-ext-600-normal-DDEJyoof.woff2)format("woff2"),url(/assets/caveat-cyrillic-ext-600-normal-BLVNc-Ct.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-cyrillic-600-normal-Ba_MyzgW.woff2)format("woff2"),url(/assets/caveat-cyrillic-600-normal-CqH0c_uj.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-ext-600-normal-DDJRD6ps.woff2)format("woff2"),url(/assets/caveat-latin-ext-600-normal-shBvSnoU.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-600-normal-zlTlWIYU.woff2)format("woff2"),url(/assets/caveat-latin-600-normal-DUjB8dgm.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-cyrillic-ext-700-normal-CrK2-ngJ.woff2)format("woff2"),url(/assets/caveat-cyrillic-ext-700-normal-DjFGiEhD.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-cyrillic-700-normal-BIyejhEL.woff2)format("woff2"),url(/assets/caveat-cyrillic-700-normal-Bhcx9qBB.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-ext-700-normal-DFbRgDry.woff2)format("woff2"),url(/assets/caveat-latin-ext-700-normal-DjJQd59I.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-700-normal-D8_1Nw6V.woff2)format("woff2"),url(/assets/caveat-latin-700-normal-cPyBTTZN.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-cyrillic-ext-wght-normal-C5IA4B3w.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-cyrillic-wght-normal-C3g4RRlc.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-vietnamese-wght-normal-0TYE14Fi.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-latin-ext-wght-normal-CkCuiz5d.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-latin-wght-normal-B8jqu5lV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-cyrillic-ext-400-normal-C_uLvvQ5.woff2)format("woff2"),url(/assets/jetbrains-mono-cyrillic-ext-400-normal-Bh0R7Dhr.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-cyrillic-400-normal-BEIGL1Tu.woff2)format("woff2"),url(/assets/jetbrains-mono-cyrillic-400-normal-ugxPyKxw.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-greek-400-normal-C190GLew.woff2)format("woff2"),url(/assets/jetbrains-mono-greek-400-normal-B9oWc5Lo.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-vietnamese-400-normal-ByoDsISC.woff2)format("woff2"),url(/assets/jetbrains-mono-vietnamese-400-normal-CqNFfHCs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-ext-400-normal-Bc8Ftmh3.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-ext-400-normal-fXTG6kC5.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#fcfaf5;--paper-2:#fff;--ink:#2a2620;--pencil:#77705f;--faint:#cfc8b8;--blue:#2f5bd3;--hl:#ffde59bf;--hl-pink:#ff92ba99;--hl-green:#8ce296a6;--hl-orange:#ffb2669e;--hl-purple:#c4a0ff8c;--hl-cyan:#6ed6e68c;--hl-blue:#8cbeff73;--red:#d9472f;--tape:#ffeca099;--note-yellow:#fff3a8;--note-pink:#ffd3e2;--note-blue:#d6e8ff;--note-green:#d7f5d9;--grid:#6ea0d217;--margin:#dc5a5038;--shadow:#2a2620c7;--hand:"Caveat", "Comic Sans MS", cursive;--text:"Shantell Sans Variable", "Comic Sans MS", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{color:var(--ink);font:17px/1.65 var(--text);background-color:var(--paper);background-image:linear-gradient(90deg, transparent 0 calc(max(16px, (100% - 1240px) / 2) - 1px), var(--margin) 0 calc(max(16px, (100% - 1240px) / 2) + 1px), transparent 0), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);-webkit-font-smoothing:antialiased;background-size:100% 100%,28px 28px,28px 28px;background-attachment:fixed,scroll,scroll;margin:0;overflow-x:clip}a{color:var(--blue);text-underline-offset:3px;text-decoration-thickness:1.5px}a:hover{text-decoration-style:wavy}img{max-width:100%;height:auto}:focus-visible{outline:2.5px dashed var(--blue);outline-offset:3px}.small{font-size:14px}svg use{pointer-events:none}.print,.shot,.code,.dl,.try,.dl-card,.pair,.card-shot,.wide,.float-dl,.nav-dl,.steps li,.privacy-card,.usb,.band,.platforms li,.ghost{border:2px solid var(--ink);border-radius:255px 15px 225px/15px 225px 15px 255px}.progress{z-index:60;pointer-events:none;height:4px;position:fixed;inset:0 0 auto}.progress span{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--p,0));background:var(--red);opacity:.85;border-radius:0 3px 3px 0;display:block}.top{z-index:50;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:2px dashed var(--faint);justify-content:space-between;align-items:center;gap:16px;padding:10px max(16px,50% - 600px);transition:box-shadow .3s;display:flex;position:sticky;top:0}.scrolled .top{box-shadow:0 6px 18px -14px #2a262080}.brand{font:700 30px/1 var(--hand);color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{transition:transform .4s var(--ease);border-radius:8px}.brand:hover img{transform:rotate(-10deg)scale(1.06)}.top nav{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.top nav a{color:var(--ink);white-space:nowrap;border-radius:12px;padding:4px 10px;font-weight:500;text-decoration:none}.top nav a:not(.nav-dl):not(.gh):hover{background:var(--hl)}.top nav .gh{align-items:center;gap:6px;display:inline-flex}.top nav .gh:hover{background:var(--hl-blue)}.nav-dl{background:var(--hl);box-shadow:2px 3px 0 var(--shadow);align-items:center;gap:6px;transition:transform .15s,box-shadow .15s;font-weight:700!important;display:inline-flex!important}.nav-dl svg{width:18px;height:18px}.nav-dl:hover{box-shadow:3px 4px 0 var(--shadow);text-decoration:none;transform:translate(-1px,-1px)rotate(-1deg)}@media (max-width:860px){.top nav a:not(.gh):not(.nav-dl){display:none}}@media (max-width:480px){.top nav .gh span{display:none}.brand{font-size:26px}}main{padding:0 16px}.hero{max-width:1200px;margin:0 auto;padding-top:clamp(28px,5vw,56px)}.hero-copy{text-align:center;max-width:960px;margin:0 auto}.sticky-new{background:var(--note-yellow);border-radius:2px 2px 12px;align-items:center;gap:10px;margin:0 0 22px;padding:8px 16px 8px 12px;font-size:15.5px;display:inline-flex;position:relative;transform:rotate(-2deg);box-shadow:2px 4px #2a26202e,0 10px 18px -12px #2a262080}.sticky-new b{font:700 13px/1 var(--text);letter-spacing:.06em;text-transform:uppercase;background:var(--red);color:#fff;border-radius:6px 3px;padding:4px 7px 3px}.sticky-new:before{content:"";background:var(--tape);width:64px;height:18px;margin-left:-32px;position:absolute;top:-10px;left:50%;transform:rotate(3deg)}h1{font:700 clamp(58px, 10.5vw, 136px)/.92 var(--hand);letter-spacing:.5px;margin:0}h1 .h1-a{display:block}.scribble{display:inline-block;position:relative}.scribble:after{content:"";clip-path:inset(0 100% 0 0);height:.16em;min-height:12px;transition:clip-path 1s .5s var(--ease);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 20' preserveAspectRatio='none'%3E%3Cpath d='M3 12 C 60 4, 120 16, 180 9 S 270 6, 297 11' fill='none' stroke='%23d9472f' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;position:absolute;bottom:-4px;left:-4%;right:-4%}.in .scribble:after,.scribble.in:after,.in.scribble:after{clip-path:inset(0)}.lead{max-width:820px;margin:22px auto 0;font-size:clamp(18px,2.2vw,23px);line-height:1.55}mark{--c:var(--hl);background:linear-gradient(104deg, transparent 2%, var(--c) 4%, var(--c) 96%, transparent 98%);color:inherit;border-radius:4px;padding:0 4px}mark.m-blue{--c:var(--hl-blue)}mark.m-pink{--c:var(--hl-pink)}mark.m-green{--c:var(--hl-green)}mark.m-orange{--c:var(--hl-orange)}mark.m-cyan{--c:var(--hl-cyan)}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;margin:30px 0 0;display:flex}.ghost{font:600 17px var(--text);color:var(--ink);background:var(--paper-2);box-shadow:2px 3px 0 var(--shadow);border-width:2px;padding:10px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s}.ghost:hover{box-shadow:3px 5px 0 var(--shadow);text-decoration:none;transform:translate(-1px,-2px)rotate(.6deg)}.trust{color:var(--pencil);flex-wrap:wrap;justify-content:center;gap:6px 22px;margin:22px 0 0;padding:0;font-size:15.5px;list-style:none;display:flex}.trust li:before{content:"✓ ";color:var(--red);font-weight:700}.byline{font:700 clamp(22px, 2.6vw, 28px)/1 var(--hand);color:var(--pencil);margin:16px 0 0;transform:rotate(-2deg)}.morph{vertical-align:bottom;display:inline-grid}.morph>*{grid-area:1/1;justify-self:start}.w-one{transition:opacity .45s .55s, transform .55s .55s var(--ease), filter .45s .55s;position:relative}.w-one:after{content:"";background:var(--red);transform-origin:0;height:.09em;transition:transform .35s .1s var(--ease);border-radius:4px;position:absolute;top:54%;left:-6%;right:-6%;transform:rotate(-4deg)scaleX(0)}.w-twin{clip-path:inset(-20% 100% -20% 0);transition:clip-path .7s cubic-bezier(.5,0,.3,1) 1s}.morph:first-child{width:var(--w1,1.32em);transition:width .6s .9s var(--ease)}.gap{width:.22em;transition:width .5s 1.25s var(--ease);display:inline-block}.w-d,.w-D{transition:opacity .35s 1.35s, transform .45s 1.35s var(--ease)}.w-D{opacity:0;transform:translateY(-.3em)rotate(-8deg)}h1.morphed .w-one:after{transform:rotate(-4deg)scaleX(1)}h1.morphed .w-one{opacity:0;filter:blur(2px);transform:translateY(-.45em)rotate(-10deg)scale(.85)}h1.morphed .w-twin{clip-path:inset(-20% -10% -20% 0)}h1.morphed .morph:first-child{width:var(--w2,1.82em)}h1.morphed .gap{width:0}h1.morphed .w-d{opacity:0;transform:translateY(.3em)}h1.morphed .w-D{opacity:1;transform:none}h1.morphed .scribble:after{transition-delay:1.6s}.dl{color:var(--ink);background:var(--paper-2);box-shadow:3px 4px 0 var(--shadow);transition:transform .15s var(--ease), box-shadow .15s var(--ease);align-items:center;gap:12px;padding:10px 22px 10px 16px;text-decoration:none;display:inline-flex}.dl:hover{box-shadow:5px 7px 0 var(--shadow);text-decoration:none;transform:translate(-1px,-3px)rotate(-.8deg)}.dl:active{box-shadow:1px 1px 0 var(--shadow);transform:translate(2px,2px)}.dl>span{flex-direction:column;align-items:flex-start;line-height:1.3;display:flex}.dl b{font-size:18px}.dl small{color:var(--pencil);font-size:13.5px}.dl-ico{flex:none;width:30px;height:30px}.dl-main{background:var(--hl);padding:13px 28px 13px 20px;position:relative}.dl-main b{font-size:22px}.dl-main small{color:#2a2620bf}.dl-main .dl-ico{animation:2.4s ease-in-out 3s infinite nudge}@keyframes nudge{0%,70%,to{transform:translateY(0)}80%{transform:translateY(4px)}90%{transform:translateY(-1px)}}.print{background:var(--paper-2);box-shadow:5px 6px 0 var(--shadow);margin:clamp(34px,5vw,54px) 0 0;padding:12px;position:relative}.stage{aspect-ratio:1600/672;background:#e9dcc6;border-radius:6px;position:relative;overflow:hidden}.poster,.gl,.gl canvas{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.gl{opacity:0}.tape{background:var(--tape);z-index:2;width:110px;height:30px;position:absolute;top:-12px;box-shadow:0 1px 2px #00000014}.tape.tl{left:26px;transform:rotate(-5deg)}.tape.tr{right:26px;transform:rotate(4deg)}.device-spot{z-index:1;background:0 0;border:0;border-radius:12px;padding:0;display:block;position:absolute}button.device-spot{cursor:pointer}.device-spot.mac{width:21%;height:47%;top:48%;left:21%}.device-spot.pc{width:30%;height:62%;top:12%;left:45%}.device-spot.tab{width:17%;height:27%;top:50%;left:77%}.device-spot.phone{width:7%;height:28%;top:62%;left:10.5%}.device-spot>span{opacity:0;white-space:nowrap;font:700 26px/1 var(--hand);color:#fff7d6;text-shadow:0 2px 8px #000000d9,0 0 2px #0009;pointer-events:none;transition:opacity .2s,transform .25s;position:absolute;bottom:-6px;left:50%;transform:translate(-50%,6px)rotate(-2deg)}.device-spot:hover>span,.device-spot:focus-visible>span,.print[data-hover=mac] .mac>span,.print[data-hover=pc] .pc>span,.print[data-hover=tab] .tab>span,.print[data-hover=phone] .phone>span{opacity:1;transform:translate(-50%)rotate(-2deg)}.print.live .device-spot{pointer-events:none}.print.live .device-spot:focus-visible{pointer-events:auto}.try-note{font:700 28px/1 var(--hand);color:var(--red);pointer-events:none;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:-58px;left:26px;transform:rotate(-2deg)}.try-note .arrow{width:74px;height:50px;margin-bottom:12px}.desktop-only{display:none!important}@media (hover:hover) and (pointer:fine) and (min-width:900px){.desktop-only{display:flex!important}}@media not ((hover:hover) and (pointer:fine) and (min-width:900px)){.device-spot{display:none}}.platforms{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1040px;margin:clamp(70px,8vw,96px) auto 0;padding:0;list-style:none;display:grid}@media not ((hover:hover) and (pointer:fine) and (min-width:900px)){.platforms{margin-top:32px}}.platforms li{background:var(--paper-2);transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .2s;border-width:1.5px}.platforms li a{color:var(--pencil);align-items:center;gap:12px;padding:10px 14px;font-size:14.5px;line-height:1.3;text-decoration:none;display:flex}.platforms li:hover{box-shadow:3px 4px 0 var(--shadow);background:color-mix(in srgb, var(--hl) 45%, var(--paper-2));transform:translateY(-3px)rotate(-1deg)!important}.platforms li:active{box-shadow:none;transform:translate(1px,1px)!important}.platforms .chip-dl{border:1.5px dashed var(--pencil);width:30px;height:30px;color:var(--ink);border-radius:50%;place-items:center;margin-left:auto;transition:background .2s,border-color .2s;display:grid}.platforms .chip-dl svg{fill:none;width:17px;height:17px}.platforms li:hover .chip-dl{background:var(--paper-2);border:1.5px solid var(--ink)}.platforms li b{color:var(--ink);font-size:17px;display:block}.platforms svg,.pp svg,.pi{width:30px;height:30px;fill:var(--ink);color:var(--ink);flex:none}.platforms li:first-child{transform:rotate(-1deg)}.platforms li:nth-child(2){transform:rotate(.8deg)}.platforms li:nth-child(3){transform:rotate(-.6deg)}.platforms li:nth-child(4){background:var(--note-green);transform:rotate(1.1deg)}@media (max-width:760px){.platforms{grid-template-columns:repeat(2,1fr)}}.pitch{text-align:center;max-width:1060px;margin:0 auto;padding:clamp(80px,11vw,140px) 0 0}.pitch-h{font:700 clamp(36px, 5.6vw, 66px)/1.08 var(--hand);margin:0}.strike{white-space:nowrap;position:relative}@media (max-width:560px){.strike{white-space:normal}}.strike:after{content:"";background:var(--red);transform-origin:0;height:6px;transition:transform .7s .6s var(--ease);opacity:.85;border-radius:4px;position:absolute;top:52%;left:-2%;right:-2%;transform:rotate(-1.5deg)scaleX(0)}.in .strike:after{transform:rotate(-1.5deg)scaleX(1)}.pitch-fix{font:700 clamp(44px, 7vw, 84px)/1 var(--hand);color:var(--blue);margin:18px 0 0;transform:rotate(-2deg)}.notes{text-align:left;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,34px);margin:56px 0 0;display:grid}.note{border-radius:2px 2px 18px;padding:22px 22px 26px;position:relative;box-shadow:2px 4px #2a262026,0 16px 26px -18px #2a262099}.note h3{font:700 30px/1.05 var(--hand);margin:0 0 8px}.note p{margin:0;font-size:16px}.note:before{content:"";background:var(--tape);width:76px;height:22px;margin-left:-38px;position:absolute;top:-11px;left:50%}.n-yellow{background:var(--note-yellow);--r:-2deg}.n-pink{background:var(--note-pink);--r:1.5deg}.n-blue{background:var(--note-blue);--r:-1deg}.note{transform:rotate(var(--r))}.note:nth-child(2):before{transform:rotate(-4deg)}.note:nth-child(3):before{transform:rotate(3deg)}@media (max-width:760px){.notes{grid-template-columns:1fr;max-width:440px;margin-inline:auto}}.chapter{max-width:1120px;margin:0 auto;padding:clamp(90px,12vw,150px) 0 0}.chapter-head{text-align:center;max-width:820px;margin:0 auto clamp(40px,6vw,70px)}.chapter-no{font:700 24px/1 var(--hand);color:var(--red);margin-bottom:8px;display:inline-block;transform:rotate(-3deg)}h2{font:700 clamp(42px, 6.4vw, 72px)/1.02 var(--hand);margin:0 0 18px}.chapter-head p{margin:0;font-size:clamp(17px,1.9vw,20px)}.hl{--c:var(--hl);background:linear-gradient(176deg, transparent 52%, var(--c) 53%, var(--c) 88%, transparent 90%) 0 0 / 0% 100% no-repeat;transition:background-size .9s .25s var(--ease);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 8px}.in .hl,.in.hl{background-size:100% 100%}.hl-blue{--c:var(--hl-blue)}.hl-green{--c:var(--hl-green)}.hl-orange{--c:var(--hl-orange)}.hl-pink{--c:var(--hl-pink)}.hl-purple{--c:var(--hl-purple)}.features{gap:clamp(60px,9vw,110px);display:grid}.feature{grid-template-columns:1fr 1.45fr;align-items:center;gap:clamp(26px,4vw,54px);display:grid}.feature:nth-child(2n) .f-text{order:2}.f-kicker{font:700 23px/1 var(--hand);color:var(--pencil);margin-bottom:6px;display:inline-block}.feature h3{margin:0 0 12px;font-size:clamp(22px,2.5vw,29px);line-height:1.22}.feature h3 .t{--c:var(--hl);background:linear-gradient(178deg, transparent 58%, var(--c) 59%, var(--c) 92%, transparent 94%) 0 0 / 0% 100% no-repeat;transition:background-size .8s .35s var(--ease);-webkit-box-decoration-break:clone;box-decoration-break:clone}.in h3 .t{background-size:100% 100%}.feature:nth-child(5n+1) h3 .t{--c:var(--hl-blue)}.feature:nth-child(5n+2) h3 .t{--c:var(--hl-orange)}.feature:nth-child(5n+3) h3 .t{--c:var(--hl-green)}.feature:nth-child(5n+4) h3 .t{--c:var(--hl-pink)}.feature:nth-child(5n+5) h3 .t{--c:var(--hl-purple)}.feature p{margin:0}.shot{background:var(--paper-2);box-shadow:5px 6px 0 var(--shadow);--r:.8deg;transform:rotate(var(--r));margin:0;padding:8px;position:relative}.feature:nth-child(2n) .shot{--r:-.8deg}.shot:before{content:"";background:var(--tape);z-index:1;width:90px;height:24px;margin-left:-45px;position:absolute;top:-12px;left:50%;transform:rotate(-3deg)}.shot img,.wide img,.card-shot img{border-radius:6px;width:100%;display:block}.try-link{font:700 26px var(--hand);color:var(--blue);cursor:pointer;background:0 0;border:0;margin-top:14px;padding:0}.try-link:hover{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}kbd{font:13px var(--mono);border:1.5px solid var(--ink);background:var(--paper-2);border-bottom-width:3px;border-radius:6px;padding:1px 6px}code{font:14.5px var(--mono);background:var(--hl);border-radius:4px;padding:1px 6px}@media (max-width:800px){.feature{grid-template-columns:1fr;gap:22px}.feature:nth-child(2n) .f-text{order:0}}.minis{grid-template-columns:repeat(4,1fr);gap:18px;margin:clamp(60px,8vw,90px) 0 0;padding:0;list-style:none;display:grid}.minis li{background:var(--paper-2);border:1.5px dashed var(--pencil);border-radius:14px 6px 16px 5px;padding:16px 16px 18px;font-size:15px;line-height:1.5}.minis b{font:700 25px/1.1 var(--hand);margin:4px 0;display:block}.doodle{font-size:24px;display:inline-block;transform:rotate(-8deg)}@media (max-width:900px){.minis{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.minis{grid-template-columns:1fr}}.wide{background:var(--paper-2);box-shadow:5px 6px 0 var(--shadow);--r:-.4deg;transform:rotate(var(--r));margin:clamp(60px,8vw,90px) 0 0;padding:10px;position:relative}.wide.slim{--r:.4deg;margin-top:26px}.wide figcaption{color:var(--pencil);padding:12px 8px 4px;font-size:16px}.hand-note{font:700 27px/1 var(--hand);color:var(--ink);margin-right:6px}.duo{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(22px,3vw,36px);margin:clamp(70px,9vw,110px) 0 0;display:grid}.card-shot{background:var(--paper-2);box-shadow:4px 5px 0 var(--shadow);--r:-.7deg;transform:rotate(var(--r));margin:0;padding:8px}.card-shot+.card-shot{--r:.7deg;margin-top:30px}.card-shot figcaption{padding:12px 8px 6px;font-size:15.5px}.card-shot b{font:700 25px/1 var(--hand);margin-right:4px}@media (max-width:760px){.duo{grid-template-columns:1fr}.card-shot+.card-shot{margin-top:0}}.usb{background:var(--note-green);max-width:900px;box-shadow:4px 5px 0 var(--shadow);align-items:center;gap:clamp(20px,4vw,44px);margin:clamp(60px,8vw,90px) auto 0;padding:24px clamp(20px,4vw,40px);display:flex}.usb h3{font:700 34px/1.05 var(--hand);margin:0 0 6px}.usb p{margin:0}.stamp{border:3px solid var(--red);width:128px;height:128px;color:var(--red);text-align:center;box-shadow:inset 0 0 0 5px var(--note-green), inset 0 0 0 7px var(--red);border-radius:50%;flex:none;place-content:center;display:grid;transform:rotate(-12deg)}.stamp b{font:700 48px/.9 var(--hand)}.stamp span{font:700 16px/1 var(--hand);letter-spacing:.5px}@media (max-width:560px){.usb{text-align:center;flex-direction:column}}.band{background:var(--note-yellow);max-width:1000px;box-shadow:5px 6px 0 var(--shadow);--r:-.6deg;transform:rotate(var(--r));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;margin:clamp(90px,12vw,140px) auto 0;padding:26px clamp(20px,4vw,44px);display:flex}.band-t{font:700 clamp(30px, 3.6vw, 42px)/1.05 var(--hand);margin:0}.band-t span{color:var(--blue);display:block}.band .dl-main{background:var(--paper-2)}.readme{max-width:1000px;margin:0 auto;padding:clamp(90px,12vw,140px) 0 0}.readme>h2{text-align:center}.pairs{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px;display:grid}.pair{background:var(--paper-2);box-shadow:3px 4px 0 var(--shadow);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:18px;padding:14px 20px;display:grid}.pair .pp{font:700 26px var(--hand);color:var(--pencil);grid-row:span 2;align-items:center;gap:4px;min-width:96px;display:flex}.pair .pp svg{width:26px;height:26px}.pair b{font-size:17.5px}.pair small{color:var(--pencil);font-size:14.5px}.pair.hot{background:var(--note-green);grid-column:1/-1}.pair:nth-child(odd){transform:rotate(-.4deg)}.pair:nth-child(2n){transform:rotate(.4deg)}@media (max-width:720px){.pairs{grid-template-columns:1fr}}.steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:24px;margin:34px 0 0;padding:0;list-style:none;display:grid}.steps li{background:var(--paper-2);box-shadow:3px 4px 0 var(--shadow);padding:26px 22px 22px;position:relative}.steps li:nth-child(2){transform:rotate(.8deg)}.steps li:first-child{transform:rotate(-.8deg)}.steps .num{width:54px;height:54px;font:700 38px/1 var(--hand);background:var(--hl);border:2px solid var(--ink);border-radius:50% 45% 52% 48%;place-items:center;display:grid;position:absolute;top:-26px;left:18px;transform:rotate(-8deg)}.steps li:nth-child(2) .num{background:var(--hl-pink)}.steps li:nth-child(3) .num{background:var(--hl-green)}.steps h3{font:700 30px/1 var(--hand);margin:10px 0 6px}.steps p{margin:0;font-size:16px}.steps li:not(:last-child):after{content:"→";font:700 30px var(--hand);color:var(--red);position:absolute;top:40%;right:-22px}.aside-note{color:var(--pencil);text-align:center;max-width:720px;margin:28px auto 0;font-size:15px}@media (max-width:760px){.steps{grid-template-columns:1fr;gap:40px}.steps li:after{display:none}}.privacy-card{background:var(--paper-2);box-shadow:5px 6px 0 var(--shadow);align-items:center;gap:clamp(20px,4vw,40px);padding:clamp(22px,4vw,36px);display:flex}.privacy-card h2{margin:0 0 8px;font-size:clamp(38px,5vw,56px)}.privacy-card p{margin:0}.seal{text-align:center;width:132px;height:132px;font:700 30px/1 var(--hand);color:var(--blue);border:3px dashed var(--blue);background:var(--hl-blue);border-radius:50%;flex:none;place-items:center;display:grid;transform:rotate(10deg)}@media (max-width:600px){.privacy-card{text-align:center;flex-direction:column}}.download{text-align:center;max-width:1080px;margin:0 auto;padding:clamp(100px,13vw,160px) 0 0;scroll-margin-top:40px}.download h2{margin:0;font-size:clamp(56px,9vw,110px)}.dl-sub{margin:14px 0 0;font-size:clamp(17px,2vw,21px)}.dl-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0 0;display:grid}.dl-card{color:var(--ink);background:var(--paper-2);box-shadow:3px 4px 0 var(--shadow);transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .2s;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:18px 20px 16px;text-decoration:none;display:grid;position:relative}.dl-card .pi{grid-row:span 2;width:38px;height:38px}.dl-card b{font-size:19px;line-height:1.2}.dl-card small{color:var(--pencil);font-size:13.5px;line-height:1.35}.dl-card .go{font:700 23px/1 var(--hand);color:var(--blue);grid-column:1/-1;align-items:center;gap:6px;margin-top:14px;display:inline-flex}.dl-card .go svg{width:20px;height:20px}.dl-card:hover{box-shadow:5px 8px 0 var(--shadow);background:color-mix(in srgb, var(--hl) 35%, var(--paper-2));text-decoration:none;transform:translate(-1px,-4px)rotate(-.8deg)}.dl-card:active{box-shadow:1px 1px 0 var(--shadow);transform:translate(2px,2px)}.dl-card.mine{background:var(--hl);order:-1}.dl-card.mine:after{content:"for this device";font:700 20px/1 var(--hand);color:#fff;background:var(--red);border-radius:10px 4px;padding:4px 10px 5px;position:absolute;top:-14px;right:14px;transform:rotate(3deg)}.dl-note{color:var(--pencil);margin:26px 0 0;font-size:15px}.try-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin:26px 0 0}.try{font:600 17px var(--text);background:var(--hl-blue);color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--shadow);padding:8px 20px;transition:transform .15s}.try:hover{transform:rotate(-1deg)translateY(-2px)}.hand{font:600 25px var(--hand);color:var(--pencil)}@media (max-width:860px){.dl-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.dl-grid{grid-template-columns:1fr}}.hood details{border-top:2px dashed var(--faint);border-bottom:2px dashed var(--faint);padding:8px 0}.hood summary{cursor:pointer;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 16px;padding:14px 0;list-style:none;display:flex}.hood summary::-webkit-details-marker{display:none}.hood summary h2{margin:0;font-size:clamp(36px,5vw,52px)}.hood summary h2:after{content:" +";color:var(--red)}.hood details[open] summary h2:after{content:" −"}.hood .hl{background-size:100% 100%}.sum-hint{font:600 23px var(--hand);color:var(--pencil)}.hood h3.sub{font:700 34px var(--hand);margin:40px 0 10px}.diagram{margin:18px 0}.diagram svg{width:100%;height:auto;display:block}.diagram .ink *{fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.diagram .ink .fill-blue{fill:var(--hl-blue)}.diagram .ink .fill-yellow{fill:var(--hl)}.diagram .ink .fill-green{fill:var(--hl-green)}.diagram .lbl text{fill:var(--ink);text-anchor:middle;font:600 19px var(--text)}.diagram .lbl .big{font:700 32px var(--hand)}.diagram .lbl .sm{font:14px var(--text);fill:var(--pencil)}.codes{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;margin-bottom:22px;display:grid}.code{background:var(--paper-2);box-shadow:3px 4px 0 var(--shadow);padding:12px 16px 14px;position:relative}.code-title{font:700 22px var(--hand);margin-bottom:4px}.code pre{margin:0;overflow-x:auto}.code pre code{background:0 0;padding:0;font-size:13.5px;line-height:1.6}.copy{font:600 18px var(--hand);color:var(--blue);cursor:pointer;background:0 0;border:0;position:absolute;top:10px;right:12px}.float-dl{z-index:40;background:var(--hl);color:var(--ink);box-shadow:3px 4px 0 var(--shadow);opacity:0;transition:transform .45s var(--ease), opacity .3s;align-items:center;gap:10px;padding:8px 16px 8px 10px;text-decoration:none;display:flex;position:fixed;bottom:18px;right:max(16px,50% - 620px);transform:translateY(140%)rotate(2deg)}.float-dl.show{opacity:1;transform:none}.float-dl:hover{text-decoration:none;transform:translateY(-2px)rotate(-1deg)}.float-dl img{border-radius:7px}.float-dl>span{flex-direction:column;line-height:1.2;display:flex}.float-dl b{font-size:16px}.float-dl small{color:#2a2620bf;font-size:12.5px}.float-dl svg{width:22px;height:22px}@media (max-width:560px){.float-dl{justify-content:center;left:16px;right:16px}}body.demo-on .float-dl{display:none}.foot{border-top:2px dashed var(--faint);max-width:1000px;color:var(--pencil);text-align:center;margin:100px auto 0;padding:28px 16px 90px}.foot p{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:6px 0;display:flex}.foot img{border-radius:5px}body.demo-on .top,body.demo-on .progress{visibility:hidden}.js .rv{opacity:0;transform:translateY(34px) rotate(calc(var(--r,0deg) + 1.6deg)) scale(.985);transition:opacity .8s var(--ease), transform .9s var(--ease);transition-delay:calc(var(--i,0) * 90ms)}.js .rv.in{opacity:1;transform:rotate(var(--r,0deg))}.js .rv.sticky-new.in,.js .rv.byline.in,.js .rv.pitch-fix.in{transform:rotate(-2deg)}.js .platforms li.rv,.js .note.rv{transform:translateY(40px) rotate(calc(var(--r,0deg) - 3deg))}.js .platforms li.rv.in{transform:none}.js .note.rv.in{transform:rotate(var(--r))}.js .print.rv{transition-duration:1s,1.1s;transform:translateY(40px)scale(.97)}.js .print.rv.in{transform:none}.shot img,.wide img,.card-shot img{transition:transform .6s var(--ease)}.shot:hover img,.card-shot:hover img{transform:scale(1.015)}#intro{z-index:9999;background:var(--paper);place-items:center;animation:.6s 4s forwards si-out;display:grid;position:fixed;inset:0}#intro svg{width:min(46vw,250px);height:auto;overflow:visible}.stage-intro .w{transform-box:fill-box;transform-origin:50%}.stage-intro .wa{animation:.8s cubic-bezier(.2,.9,.25,1.12) .1s both si-wa}.stage-intro .wb{animation:.8s cubic-bezier(.2,.9,.25,1.12) .22s both si-wb}.stage-intro .bg{transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.3,1.5,.6,1) .8s both si-bg}.stage-intro .cur{transform-box:fill-box;transform-origin:20% 10%;animation:.4s cubic-bezier(.3,1.6,.6,1) 1.05s both si-cur}.stage-intro .name{font:700 44px var(--hand);fill:var(--ink);animation:.4s 1.15s both si-name}@keyframes si-wa{0%{opacity:0;transform:translate(-320px,-60px)rotate(-200deg)scale(.6)}}@keyframes si-wb{0%{opacity:0;transform:translate(320px,60px)rotate(200deg)scale(.6)}}@keyframes si-bg{0%{opacity:0;transform:scale(.3)rotate(-20deg)}}@keyframes si-cur{0%{opacity:0;transform:translate(30px,-70px)scale(1.8)}}@keyframes si-name{0%{opacity:0;transform:translateY(10px)}}@keyframes si-out{to{opacity:0;visibility:hidden}}.ready #intro{animation:.6s cubic-bezier(.6,0,.3,1) forwards si-leave}@keyframes si-leave{to{opacity:0;visibility:hidden;transform:scale(1.06)}}.poster{opacity:0}.print.reveal .poster,.print.reveal.live .gl{animation:si-scene .9s var(--ease) both;opacity:1}@keyframes si-scene{0%{opacity:0;transform:scale(1.06)}}.print.reveal.live .poster{display:none}.print.late .gl{opacity:1;animation:none}html.js:not(.ready) .hero .rv{transition:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}#intro{display:none}.poster{opacity:1}.js .rv{opacity:1;transform:rotate(var(--r,0deg))}.hl,.feature h3 .t{background-size:100% 100%}.scribble:after{clip-path:none}.strike:after{transform:rotate(-1.5deg)}.w-one{opacity:0}.w-twin{clip-path:none}.gap{width:0}.w-d{opacity:0}.w-D{opacity:1;transform:none}.morph:first-child{width:auto}}html.poster-shot body>:not(main),html.poster-shot .hero>:not(#studio),html.poster-shot main>:not(.hero){display:none!important}html.poster-shot #studio{box-shadow:none;z-index:99999;border:0;margin:0;padding:0;position:fixed;inset:0}html.poster-shot .stage{aspect-ratio:auto;border-radius:0;height:100%}html.poster-shot .tape,html.poster-shot .try-note,html.poster-shot .device-spot{display:none!important}.apk-note{width:100%;max-width:min(560px,100vw - 32px);color:var(--ink);background:0 0;border:0;padding:0;overflow:visible}.apk-note::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2a262073}.apk-note[open]{animation:apk-in .35s var(--ease)}.apk-note[open]::backdrop{animation:.3s apk-fade}@keyframes apk-in{0%{opacity:0;transform:translateY(18px)rotate(-1deg)scale(.97)}}@keyframes apk-fade{0%{opacity:0}}.apk-card{background:var(--paper-2);border:2px solid var(--ink);box-shadow:5px 6px 0 var(--shadow);font:16px/1.55 var(--text);border-radius:255px 15px 225px/15px 225px 15px 255px;max-height:calc(100vh - 40px);margin:0;padding:26px 26px 22px;position:relative;overflow:auto}.apk-tape{background:#ffde59b3;width:110px;height:24px;margin-left:-55px;position:absolute;top:-12px;left:50%;transform:rotate(-3deg)}.apk-card h2{font:700 34px/1.1 var(--hand);margin:4px 0 6px}.apk-card p{margin:0 0 12px}.apk-box{background:var(--note-yellow);border-radius:4px;margin:4px 0 16px;padding:14px 16px 6px;font-size:15px;transform:rotate(-.4deg);box-shadow:2px 3px #2a26202e}.apk-box>b{font-family:var(--hand);font-size:23px}.apk-box p{margin:4px 0 8px}.apk-box ol{margin:0 0 8px;padding-left:22px}.apk-box li{margin-bottom:6px}.apk-box mark{background:var(--hl-green);padding:0 3px}.apk-acts{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.apk-ok{font:600 16px var(--text);color:var(--ink);-webkit-text-decoration:underline wavy var(--faint);text-decoration:underline wavy var(--faint);text-underline-offset:5px;cursor:pointer;background:0 0;border:0;padding:6px 4px}.apk-x{color:var(--pencil);cursor:pointer;background:0 0;border:0;font-size:18px;position:absolute;top:10px;right:14px}@media (prefers-reduced-motion:reduce){.apk-note[open]{animation:none}.apk-note[open]::backdrop{animation:none}}.apk-note:focus,.apk-note:focus-visible{outline:none}