@font-face{font-family:Lora;src:url(/fonts/lora-regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Lora;src:url(/fonts/lora-italic.ttf)format("truetype");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/lato-regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/lato-bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Barrio;src:url(/fonts/barrio-svenska.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{color-scheme:light;--purple-300:#b9a3e6;--purple-500:#7c5bd1;--purple-600:#6a47c2;--purple-700:#56379f;--lavender-100:#efe9fb;--lavender-200:#e2d7f6;--peach-100:#fbe2d1;--peach-400:#e38b52;--sage-100:#d7e3d9;--sage-500:#7a9c82;--sun-300:#f5d65e;--paper:#fbfaf8;--surface:#fff;--surface-alt:#f3f0ec;--hairline:#e8e4de;--hairline-strong:#cfc9c0;--ink-900:#15120e;--ink-700:#3a342b;--ink-600:#5a5246;--ink-500:#7d7466;--ink-400:#a8a093;--ink-300:#cfc9be;--fg-1:var(--ink-900);--fg-2:var(--ink-600);--fg-3:var(--ink-500);--border-strong:var(--ink-900);--accent-text:var(--purple-500);--button-hover:var(--purple-600);--on-ink:var(--surface);--on-color:#15120e;--on-accent:#fff;--paper-fold-crease:#15120e24;--font-serif-display:Lora, "Times New Roman", serif;--font-sans:Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--tracking-wide:.08em;--r-md:16px;--r-pill:999px;--shadow-sm:0 1px 2px #15120e1f;--shadow-md:0 4px 14px #15120e0f, 0 1px 2px #15120e0a;--shadow-lg:0 10px 28px #15120e14, 0 2px 6px #15120e0a}:root[data-theme=dark]{color-scheme:dark;--accent-text:oklch(78% .11 293);--paper:oklch(22% 0 0);--surface:oklch(28% 0 0);--surface-alt:oklch(35% .006 80);--hairline:oklch(35% 0 0);--hairline-strong:#746d64;--ink-900:oklch(95% .005 80);--ink-700:oklch(86% .012 80);--ink-600:oklch(78% .012 80);--ink-500:oklch(72% .012 80);--ink-400:oklch(62% .012 80);--ink-300:oklch(48% .012 80);--purple-500:oklch(56.4% .175 293);--purple-600:oklch(76% .14 293);--purple-700:oklch(82% .11 293);--lavender-100:#b9a3e6;--lavender-200:oklch(40% .07 293);--peach-100:#eda677;--peach-400:oklch(78% .1 52);--sage-100:#9bbf95;--sage-500:oklch(76% .065 150);--sun-300:#f5d65e;--button-hover:oklch(51% .175 293);--shadow-sm:none;--shadow-md:none;--shadow-lg:none}.theme-toggle{border:1px solid var(--hairline);border-radius:var(--r-pill);background:var(--surface-alt);width:44px;height:44px;color:var(--fg-1);cursor:pointer;place-items:center;padding:0;display:grid}.theme-toggle:hover{background:var(--surface)}.theme-sun,:root[data-theme=dark] .theme-moon{display:none}:root[data-theme=dark] .theme-sun{display:block}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--paper);min-width:320px;color:var(--fg-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:var(--purple-600);text-decoration:none}a:hover{color:var(--purple-700);text-decoration:underline}:focus-visible{outline:2px solid var(--purple-500);outline-offset:4px}.hidden{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wm{font-family:Barrio, var(--font-serif-display);color:var(--fg-1);font-size:28px;line-height:1}.wm:hover{color:var(--fg-1);text-decoration:none}.caps{font-family:var(--font-sans);font-weight:700;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3)}.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}nav{justify-content:space-between;align-items:center;padding:22px 0;display:flex}.btn{font-family:var(--font-sans);font-weight:700;font-size:var(--text-base);border-radius:var(--r-pill);background:var(--purple-500);color:var(--on-accent);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;padding:13px 22px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--button-hover);color:var(--on-accent);text-decoration:none}.btn:disabled{cursor:wait;opacity:.6}.btn.ghost{color:var(--fg-1);border:1px solid var(--hairline-strong);background:0 0}.btn.ghost:hover{background:var(--surface-alt)}.h2{font-family:var(--font-serif-display);letter-spacing:-.02em;text-wrap:balance;max-width:22ch;margin-top:14px;font-size:clamp(32px,4vw,54px);font-weight:400;line-height:1.04}.h2 em{color:var(--accent-text);font-style:italic}.lead{font-size:var(--text-md);color:var(--fg-2);text-wrap:pretty;max-width:46ch;margin-top:16px;line-height:1.5}.ph{aspect-ratio:402/874;background:var(--surface-alt);border:1px solid var(--hairline);box-shadow:var(--shadow-lg);border-radius:14.67%/6.75%;position:relative;overflow:hidden}.ph img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.ph.crop img{object-position:top;height:auto}.stick{background:var(--sun-300);color:var(--ink-900);font-family:var(--font-serif-display);font-style:italic;font-size:var(--text-lg);border-radius:var(--r-md);box-shadow:var(--shadow-md);z-index:1;white-space:nowrap;padding:10px 16px;position:absolute;transform:rotate(6deg)}.stick.lav{background:var(--lavender-100);color:var(--purple-700)}.stick.pch{background:var(--peach-100);color:var(--peach-400)}.stick.sag{background:var(--sage-100);color:var(--sage-500)}.hero{text-align:center;padding-top:clamp(32px,5vh,56px);position:relative}.hero .kicker{margin-bottom:22px;display:block}.hero h1{font-family:var(--font-serif-display);letter-spacing:-.025em;text-wrap:balance;max-width:14ch;margin:0 auto;font-size:clamp(44px,7.2vw,104px);font-weight:400;line-height:.98}.hero h1 em{color:var(--accent-text);font-style:italic}.hero p{font-size:var(--text-md);color:var(--fg-2);text-wrap:pretty;max-width:44ch;margin:24px auto 0;line-height:1.45}.cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:36px;display:flex}.hero .art{margin-top:clamp(32px,4vw,56px);height:calc(1.6*clamp(180px,24vw,280px));margin-inline:calc(-1*clamp(20px,4vw,48px));position:relative;overflow:hidden}.hero .ph{border-color:var(--lavender-200);width:clamp(180px,24vw,280px);position:absolute;top:0;left:50%;transform:translate(-50%)}.hero .ph.l{opacity:.92;top:12%;left:calc(50% - 1.2*clamp(180px,24vw,280px));transform:rotate(-6deg)}.hero .ph.r{opacity:.92;top:12%;left:calc(50% + clamp(180px,24vw,280px)/5);transform:rotate(6deg)}.hero .art:after{content:"";background:linear-gradient(to bottom, transparent, var(--paper));z-index:2;pointer-events:none;height:22%;position:absolute;bottom:0;left:0;right:0}.hero .stick.a{top:4%;left:calc(50% - 1.7*clamp(180px,24vw,280px))}.hero .stick.b{background:var(--peach-100);color:var(--peach-400);top:26%;right:calc(50% - 1.7*clamp(180px,24vw,280px));transform:rotate(-5deg)}.demo{z-index:3;text-align:center;flex-direction:column;align-items:center;padding:clamp(48px,7vw,96px) 0;display:flex;position:relative}.deck{isolation:isolate;width:min(100%,330px);height:176px;margin-bottom:22px;position:relative}.note{background:var(--sun-300);border-radius:var(--r-md);width:100%;box-shadow:var(--shadow-lg);z-index:1;margin-left:-50%;padding:22px 24px;transition:background .3s;position:absolute;top:0;left:50%;transform:rotate(-2deg)}.note.u1{background:var(--lavender-100);z-index:0;transform:rotate(6deg)translate(calc(-1*min(96px,9vw)),16px)scale(.78)}.note.u2{background:var(--peach-100);z-index:0;transform:rotate(-8deg)translate(min(96px,9vw),22px)scale(.78)}.note .w{font-family:var(--font-serif-display);letter-spacing:-.03em;color:var(--ink-900);font-size:clamp(44px,5.2vw,62px);line-height:1}.note.u1 .w,.note.u2 .w{visibility:hidden}.note .ask{font-family:var(--font-serif-display);font-style:italic;font-size:var(--text-md);color:var(--ink-700);margin-bottom:8px;display:block}.note .w.sm{white-space:nowrap;font-size:clamp(32px,3.4vw,42px)}.snd{color:var(--ink-700);font-family:var(--font-serif-display);font-style:italic;font-size:var(--text-lg);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-top:10px;padding:0;display:inline-flex}.snd.is-playing{color:var(--purple-700)}.opts{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.opt{border:1px solid var(--hairline-strong);border-radius:var(--r-pill);background:var(--surface);font-family:var(--font-serif-display);font-size:var(--text-xl);cursor:pointer;color:var(--fg-1);align-items:center;padding:14px 26px;transition:background .15s,border-color .15s;display:inline-flex;transform:rotate(-1.5deg)}.opt:nth-child(2n){transform:rotate(1.5deg)}.opt:hover{background:var(--surface-alt)}.opt.ok{border-color:var(--purple-500);background:var(--purple-500);color:var(--on-accent)}.opt.no{opacity:.35;text-decoration:line-through}.write{flex-direction:column;align-items:center;width:min(100%,500px);margin-top:22px;display:none}.write.show{display:flex}.field{align-items:center;gap:10px;width:100%;display:flex}.field .btn{height:58px;padding:0 28px}.field input{min-width:0;font-family:var(--font-serif-display);font-size:var(--text-2xl);border-radius:var(--r-md);border:1px dashed var(--hairline-strong);background:var(--surface);color:var(--fg-1);outline:none;flex:1;padding:16px 20px}.field input::placeholder{color:var(--ink-400);font-style:italic}.field input:focus{border-color:var(--purple-500);border-style:solid}.keys{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.keys button{font-family:var(--font-serif-display);font-size:var(--text-xl);border:1px solid var(--hairline-strong);background:var(--surface);width:48px;height:48px;color:var(--fg-1);cursor:pointer;border-radius:50%}.keys button:hover{background:var(--surface-alt)}.keys small{color:var(--fg-3);font-size:var(--text-sm);margin-left:6px}.queue{flex-direction:column;align-items:center;gap:12px;margin-top:24px;display:none}.queue.show{display:flex}.qrow{border-radius:var(--r-pill);background:var(--lavender-100);color:var(--purple-700);font-family:var(--font-serif-display);font-size:var(--text-xl);align-items:center;gap:10px;padding:11px 18px;display:inline-flex}.qrow i{background:var(--purple-500);border-radius:50%;flex:none;width:9px;height:9px;font-style:normal}.after{font-family:var(--font-serif-display);font-style:italic;font-size:var(--text-xl);color:var(--fg-2);text-wrap:balance;max-width:58ch;min-height:1.4em;margin-top:26px}.after b{color:var(--fg-1);font-style:normal;font-weight:400}section{padding:clamp(48px,7vw,96px) 0}.hero+main>.demo{padding-top:clamp(56px,8vw,112px)}.prac{grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:clamp(48px,8vw,120px);display:grid}.prac .art{width:300px;margin:0 auto;position:relative}.prac .art .ph{border-color:var(--lavender-200);transition:transform .6s cubic-bezier(.2,.8,.2,1);transform:rotate(5deg)}.prac .art.i1 .ph{transform:rotate(-4deg)}.prac .art.i2 .ph{transform:rotate(3deg)}.prac .art .ph img{opacity:0;transition:opacity .5s}.prac .art .ph img.on{opacity:1}.prac .ptag{z-index:2;transition:opacity .3s,transform .5s;top:9%;right:-24px;transform:rotate(6deg)}.prac .ptag.lav{top:44%;left:-36px;right:auto;transform:rotate(-5deg)}.prac .ptag.pch{top:72%;right:-30px;transform:rotate(4deg)}.prac .ptag:not(.on){opacity:0;transform:rotate(0)scale(.9)}.steps{gap:10px;max-width:460px;margin-top:clamp(32px,4vw,56px);display:grid}.step{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface);text-align:left;cursor:pointer;color:inherit;font:inherit;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:16px 20px;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s;display:grid;position:relative;overflow:hidden}.step:first-child{transform:rotate(-1.2deg)}.step:nth-child(2){transform:rotate(1deg)}.step:nth-child(3){transform:rotate(-.8deg)}.step.on{background:var(--sun-300);border-color:#0000;transform:rotate(0)scale(1.02)}.step:nth-child(2).on{background:var(--lavender-100)}.step:nth-child(3).on{background:var(--peach-100)}.step .n{font-family:var(--font-serif-display);font-style:italic;font-size:var(--text-2xl);color:var(--ink-300);width:34px;line-height:1;transition:color .3s}.step.on .n{color:var(--ink-900)}.step:nth-child(2).on .n{color:var(--purple-700)}.step:nth-child(3).on .n{color:var(--peach-400)}.step strong{font-family:var(--font-serif-display);font-weight:400;font-size:var(--text-xl);line-height:1.15;display:block}.step small{font-family:var(--font-serif-display);font-style:italic;font-size:var(--text-md);color:var(--ink-700);opacity:0;max-height:0;margin-top:4px;line-height:1.4;transition:max-height .4s,opacity .3s;display:block;overflow:hidden}.step.on small{opacity:1;max-height:90px}.pdots{justify-content:center;align-items:center;gap:8px;margin-top:22px;display:flex}.pdots button{border-radius:var(--r-pill);background:var(--hairline-strong);cursor:pointer;border:0;width:26px;height:6px;padding:0;transition:width .3s,background .3s;position:relative;overflow:hidden}.pdots button.on{background:var(--lavender-200);width:44px}.pdots button i{border-radius:var(--r-pill);background:var(--purple-500);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.pdots button.on i{animation:fill var(--dur) linear forwards}.prac.paused .pdots button.on i{animation-play-state:paused}@keyframes fill{to{transform:scaleX(1)}}.vc{grid-template-columns:minmax(0,290px) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,88px);display:grid}.vc>div:first-child{z-index:2;grid-area:1/2;min-width:0;position:relative}.lv{flex-wrap:wrap;align-items:center;gap:8px;margin-top:clamp(32px,4vw,56px);display:flex}.lv span{font-family:var(--font-sans);font-weight:700;font-size:var(--text-base);letter-spacing:.04em;border-radius:var(--r-pill);background:var(--surface-alt);color:var(--fg-3);padding:10px 20px}.lv span.on{background:var(--ink-900);color:var(--on-ink)}.lv b{font-family:var(--font-serif-display);font-style:italic;font-weight:400;font-size:var(--text-md);color:var(--fg-3);margin-left:8px}.crow{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);max-width:500px;box-shadow:var(--shadow-md);color:var(--fg-1);align-items:center;gap:18px;margin-top:20px;padding:18px 20px;text-decoration:none;display:flex;transform:rotate(-.8deg)}.crow:hover{color:var(--fg-1);box-shadow:var(--shadow-lg);text-decoration:none}.crow .num{border:2px solid var(--lavender-200);border-top-color:var(--purple-500);border-right-color:var(--purple-500);width:44px;height:44px;font-family:var(--font-serif-display);font-size:var(--text-lg);color:var(--fg-2);border-radius:50%;flex:none;place-items:center;display:grid}.crow .tx{flex:1;min-width:0}.crow .tx b{font-family:var(--font-serif-display);letter-spacing:-.02em;font-size:clamp(22px,2.4vw,28px);font-weight:400;line-height:1.1;display:block}.crow .tx i{font-style:normal;font-size:var(--text-sm);color:var(--fg-3)}.crow .go{font-family:var(--font-sans);font-weight:700;font-size:var(--text-base);border-radius:var(--r-pill);background:var(--purple-500);color:var(--on-accent);flex:none;padding:11px 20px}.crow:hover .go{background:var(--button-hover)}.mark{background:var(--sun-300);color:var(--ink-900);box-decoration-break:clone;border-radius:4px;padding:1px 7px 3px}.side{grid-area:1/1;width:min(280px,100%);margin:0 auto;position:relative}.side .ph{border-color:var(--lavender-200);transform:rotate(-4deg)}.strip{grid-template-columns:minmax(200px,230px) minmax(90px,1fr) minmax(200px,260px) minmax(90px,1fr) minmax(200px,250px);align-items:center;margin-top:clamp(32px,4vw,56px);display:grid}.strip .arrow{font-family:var(--font-serif-display);font-style:italic;font-size:var(--text-md);color:var(--fg-3);text-align:center;white-space:nowrap;padding:0 12px}.strip .arrow:before{content:"";border-top:1px dashed var(--hairline-strong);margin-bottom:8px;display:block}.wcard{border-radius:var(--r-md);box-shadow:var(--shadow-lg);background:var(--sun-300);padding:24px 26px;position:relative;transform:rotate(-3deg)}.wcard .caps{color:var(--ink-700)}.wcard .word{font-family:var(--font-serif-display);letter-spacing:-.03em;color:var(--ink-900);margin-top:18px;font-size:48px;line-height:1}.wcard .m{font-family:var(--font-serif-display);font-style:italic;font-size:var(--text-lg);color:var(--ink-700);margin-top:6px}.mini{width:240px;margin:0 auto;position:relative}.mini .ph{aspect-ratio:402/560;border-bottom:0;border-radius:14.67% 14.67% 0 0/10.53% 10.53% 0 0;transform:rotate(2deg)}.mini .stick{background:var(--lavender-100);color:var(--purple-700);bottom:22px;left:-60px;transform:rotate(-5deg)}.list{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-md);padding:20px 22px;position:relative;transform:rotate(1.5deg)}.list h3{font-family:var(--font-serif-display);font-weight:400;font-size:var(--text-xl);margin-top:6px}.list ul{gap:8px;margin-top:12px;padding:0;list-style:none;display:grid}.list li{font-family:var(--font-serif-display);font-size:var(--text-md);border-bottom:1px solid var(--hairline);justify-content:space-between;padding-bottom:6px;display:flex}.list li span{color:var(--fg-3);font-style:italic}.list li.new{color:var(--purple-700)}.end{position:relative}.end .due{position:absolute;bottom:-34px;right:-28px;transform:rotate(-4deg)}.also{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(32px,5vw,64px);margin-top:clamp(32px,4vw,56px);display:grid}.also h3{font-family:var(--font-serif-display);margin-top:8px;font-size:clamp(24px,2.4vw,30px);font-weight:400;line-height:1.1}.also h3 em{color:var(--accent-text);font-style:italic}.also p{color:var(--fg-2);font-size:var(--text-md);text-wrap:pretty;max-width:44ch;margin-top:10px;line-height:1.45}.chips{flex-wrap:wrap;gap:10px 8px;display:flex}.chip{border-radius:var(--r-pill);font-family:var(--font-serif-display);font-size:var(--text-lg);background:var(--surface);border:1px solid var(--hairline-strong);color:var(--fg-1);padding:9px 16px;transform:rotate(-1.5deg)}.chip:nth-child(2n){transform:rotate(1.5deg)}.chip:nth-child(3n){transform:rotate(-.8deg)}.chip:first-child{background:var(--lavender-100);color:var(--purple-700);border-color:#0000}.forms{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.tbl{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--hairline);max-width:440px;box-shadow:var(--shadow-md);grid-template-columns:auto 1fr;margin-top:clamp(32px,4vw,56px);padding:8px 22px 14px;display:grid;position:relative;transform:rotate(-1.5deg)}.tbl>.k,.tbl>.v{border:0;border-bottom:1px dashed var(--hairline-strong);background:0 0;align-items:center;padding:12px 0;display:flex}.tbl>:nth-last-child(-n+2){border-bottom:0}.tbl .k{font-family:var(--font-serif-display);font-style:italic;font-size:var(--text-md);color:var(--ink-400);padding-right:32px}.tbl .v{font-family:var(--font-serif-display);font-size:var(--text-2xl);letter-spacing:-.02em;cursor:pointer;user-select:none;justify-content:flex-end}.tbl .v i{background:var(--lavender-100);color:#0000;border-radius:6px;padding:0 8px;font-style:normal;transition:all .25s}.tbl .v:hover i,.tbl .v.show i{color:var(--fg-1);background:0 0}.tbl .v.given i{background:var(--sun-300);color:var(--ink-900)}.tbl .stick{font-size:var(--text-md);z-index:2;padding:8px 12px;top:-18px;right:-70px;transform:rotate(6deg)}.hint{font-family:var(--font-serif-display);font-style:italic;font-size:var(--text-md);color:var(--fg-3);text-wrap:pretty;margin-top:22px}.pair{width:100%;height:var(--pair-height);--pair-width:min(54cqw, 280px);--pair-height:min(126.9cqw, 658px);padding:0;display:block;position:relative;overflow:hidden;container-type:inline-size}.pair .card{width:var(--pair-width);margin-left:calc(-.5 * var(--pair-width));transition:transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;top:8px;left:50%}.pair .ph{border-color:var(--lavender-200)}.pair .card:first-of-type{z-index:1;transform:translate(-16%)rotate(-4deg)}.pair .card:nth-of-type(2){z-index:0;transform:translate(24%,6%)rotate(7deg)}.pair.is-swapped .card:first-of-type{z-index:0;transform:translate(-24%,6%)rotate(-7deg)}.pair.is-swapped .card:nth-of-type(2){z-index:1;transform:translate(16%)rotate(4deg)}.pair .stick{z-index:3;font-size:var(--text-md);padding:8px 12px;transition:opacity .4s;display:block}.pair .stick.a{top:4%;left:-8%;transform:rotate(-6deg)}.pair .stick.b{top:4%;bottom:auto;right:-8%;transform:rotate(5deg)}.pair.is-swapped .card:first-of-type .stick,.pair:not(.is-swapped) .card:nth-of-type(2) .stick{opacity:0}.pair-control{z-index:4;border-radius:var(--r-md);cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.pair-control:focus-visible{outline-offset:-4px}.big-stack{max-width:680px;margin:0 auto;position:relative;transform:rotate(-1deg)}.big-stack:before{content:"";background:var(--sun-300);opacity:.85;width:150px;height:38px;box-shadow:var(--shadow-sm);margin-left:-75px;position:absolute;top:-18px;left:50%;transform:rotate(-2deg)}.big{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--shadow-lg);text-align:center;color:var(--ink-900);flex-direction:column;align-items:center;padding:clamp(44px,6vw,72px) clamp(28px,5vw,64px) clamp(32px,4vw,44px);display:flex;position:relative}.big:after{content:"";background:linear-gradient(225deg, var(--paper) 50%, var(--paper-fold-crease) 50%, var(--surface-alt) 58%);border-radius:0 0 var(--r-md) 0;width:64px;height:64px;position:absolute;bottom:0;right:0}.big .huge{font-family:var(--font-serif-display);letter-spacing:-.035em;text-wrap:balance;white-space:nowrap;margin-top:18px;font-size:clamp(48px,11vw,96px);font-weight:400;line-height:.92}.big .huge em{color:var(--ink-900);background:linear-gradient(transparent 12%, var(--sun-300) 12%, var(--sun-300) 88%, transparent 88%);border-radius:4px;margin:0 -.06em;padding:0 .06em;font-style:italic}.big .lead{margin-top:22px;max-width:40ch;margin-inline:auto}.signup{width:100%}.big form{width:100%;max-width:560px;margin-top:28px;display:block}.platform-segment{border:1px solid var(--hairline);border-radius:var(--r-pill);background:var(--surface-alt);margin:0 0 24px;padding:4px;display:inline-flex}.big .platform-segment label{min-width:0;font:600 var(--text-sm) / 1 var(--font-sans);color:var(--fg-3);cursor:pointer;flex:none;display:block;position:relative}.platform-segment input{opacity:0;width:1px;height:1px;position:absolute}.platform-segment span{border-radius:var(--r-pill);padding:10px 20px;display:block}.platform-segment input:checked+span{background:var(--surface);color:var(--ink-900);box-shadow:var(--shadow-sm)}.platform-segment input:focus-visible+span{outline:2px solid var(--purple-500);outline-offset:2px}.big .row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:18px;display:flex}.big .row label{min-width:240px;font-family:var(--font-serif-display);font-style:italic;font-size:var(--text-md);color:var(--fg-3);text-align:left;flex:1;gap:6px;display:grid}.big input[type=email]{width:100%;font-family:var(--font-serif-display);letter-spacing:-.02em;border:0;border-bottom:2px dashed var(--hairline-strong);color:var(--ink-900);background:0 0;border-radius:0;outline:none;padding:6px 2px 10px;font-size:clamp(26px,2.6vw,34px)}.big input[type=email]::placeholder{color:var(--ink-400);font-style:italic}.big input[type=email]:focus{border-bottom-style:solid;border-bottom-color:var(--purple-500)}.big input[type=email][aria-invalid=true]{border-bottom-style:solid;border-bottom-color:var(--peach-400)}.big .btn{height:58px;padding:0 28px;position:relative}.big .btn:disabled{opacity:1}.sending-label{opacity:0;place-items:center;display:grid;position:absolute;inset:0}.big[data-state=sending] .btn{background:var(--ink-700)}.big[data-state=sending] [data-submit-label]{opacity:0}.big[data-state=sending] .sending-label{opacity:1}.big[data-state=sending] input{opacity:.5}.big .platform-hint{max-width:42ch;min-height:2.8em;color:var(--fg-2);font-size:var(--text-sm);text-wrap:balance;margin:18px auto 0;line-height:1.4}.big[data-state=error] .platform-hint{display:none}.big .form-error{border-radius:var(--r-md);background:var(--peach-100);color:var(--peach-400);font-size:var(--text-md);text-align:left;margin-top:14px;padding:12px 16px}.big .form-error strong{font-family:var(--font-serif-display);font-style:italic;font-weight:400}.signup-success{flex-direction:column;align-items:center;width:100%;padding:8px 0 12px;line-height:1.45;position:relative}.signup-success:not([hidden]){display:flex}.success-check{z-index:2;background:var(--purple-500);width:64px;height:64px;color:var(--on-accent);box-shadow:var(--shadow-md);border-radius:50%;place-items:center;animation:.5s cubic-bezier(.2,1.4,.4,1) .35s both success-pop;display:grid;position:absolute;top:-34px;right:clamp(-16px,1vw,8px);transform:rotate(12deg)}.success-check svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:32px;height:32px}.success-welcome{font-family:var(--font-serif-display);letter-spacing:-.035em;background:linear-gradient(transparent 12%, var(--sun-300) 12%, var(--sun-300) 88%, transparent 88%);padding-inline:.08em;font-size:clamp(56px,12vw,112px);line-height:.9;animation:.55s cubic-bezier(.2,1.4,.4,1) both success-pop;display:inline-block;transform:rotate(-2deg)}.signup-success>strong{font-family:var(--font-serif-display);letter-spacing:-.02em;margin-top:26px;font-size:clamp(24px,3vw,32px);font-weight:400;animation:.5s .2s both success-rise;display:block}.signup-success>strong em{color:var(--accent-text);font-style:italic}.signup-success p{font-size:var(--text-md);color:var(--fg-2);text-wrap:pretty;max-width:38ch;margin-top:10px;animation:.5s .3s both success-rise}.signup-success [data-address]{color:var(--fg-1);font-weight:600}.signup-success button{color:var(--fg-3);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;margin-top:22px;padding:0;text-decoration:underline;animation:.5s .4s both success-rise}.platforms{justify-content:center;margin-top:32px;display:none}.big[data-state=success] .platforms{display:flex}.platform-tag{white-space:nowrap;border-radius:var(--r-pill);background:var(--lavender-100);color:var(--purple-700);font-size:var(--text-sm);letter-spacing:.01em;padding:8px 14px;font-weight:600}.big[data-state=success]>.caps,.big[data-state=success]>.huge,.big[data-state=success]>.lead,.big[data-state=success] form{display:none}.big[data-state=success] .platform-tag{background:var(--sun-300);color:var(--ink-900)}@keyframes success-pop{0%{opacity:0;transform:scale(.6)rotate(-8deg)}to{opacity:1}}@keyframes success-rise{0%{opacity:0;translate:0 10px}to{opacity:1}}footer{color:var(--fg-3);font-size:var(--text-sm);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:0 0 40px;display:flex}[hidden]{display:none}@keyframes rise{0%{opacity:0;translate:0 22px}to{opacity:1;translate:0}}@keyframes pop{0%{opacity:0;translate:0 8px;scale:.82}to{opacity:1;translate:0;scale:1}}@keyframes bob{0%,to{translate:0}50%{translate:0 4px}}@keyframes ping{0%,to{opacity:1}50%{opacity:.3}}.bob{display:inline-block}html.motion-ok nav,html.motion-ok .hero>*,html.motion-ok .hero .art>*{opacity:0;animation:.85s cubic-bezier(.2,.8,.2,1) both rise}html.motion-ok nav{animation-delay:40ms}html.motion-ok .hero>:first-child{animation-delay:.14s}html.motion-ok .hero>:nth-child(2){animation-delay:.22s}html.motion-ok .hero>:nth-child(3){animation-delay:.32s}html.motion-ok .hero>:nth-child(4){animation-delay:.42s}html.motion-ok .hero>:nth-child(5){animation-delay:.5s}html.motion-ok .hero .art>.ph{animation-duration:.95s;animation-delay:.58s}html.motion-ok .hero .art>.ph.l,html.motion-ok .hero .art>.ph.r{animation-delay:.72s}html.motion-ok .hero .art>.stick{animation:.7s cubic-bezier(.34,1.56,.64,1) .95s both pop}html.motion-ok .bob{animation:2.4s ease-in-out 1.6s infinite bob}html.motion-reveal-ready .motion-item{opacity:0;transition:opacity .75s cubic-bezier(.2,.8,.2,1),translate .75s cubic-bezier(.2,.8,.2,1);translate:0 18px}html.motion-reveal-ready .motion-item.motion-pop{transition:opacity .55s,scale .6s cubic-bezier(.34,1.5,.64,1),translate .6s cubic-bezier(.34,1.5,.64,1);scale:.86}html.motion-reveal-ready .motion-item.note{scale:.95}html.motion-reveal-ready .motion-in.motion-item,html.motion-reveal-ready .motion-in .motion-item{opacity:1;translate:0;scale:1}html.motion-ok .mark{background-color:#0000;background-image:linear-gradient(var(--sun-300), var(--sun-300));background-repeat:no-repeat;background-size:0 100%;transition:background-size .7s cubic-bezier(.2,.8,.2,1) .3s}html.motion-ok .motion-in .mark{background-size:100% 100%}html.motion-ok .big .huge em{background-repeat:no-repeat;background-size:0 100%;transition:background-size .85s cubic-bezier(.2,.8,.2,1) .4s}html.motion-ok .motion-in .huge em{background-size:100% 100%}html.motion-ok .chip{transition:translate .25s,box-shadow .25s}html.motion-ok .chip:hover{box-shadow:var(--shadow-md);translate:0 -3px}html.motion-ok .opt{transition:background .15s,border-color .15s,translate .2s}html.motion-ok .opt:hover{translate:0 -2px}html.motion-ok .qrow i{animation:1.9s ease-in-out infinite ping}@media (width<=1100px){.strip{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px 20px}.strip .arrow{text-align:left;white-space:normal;padding:0}.strip .arrow:before{display:none}.strip .arrow:after{content:" ↓"}.strip .wcard{grid-area:2/1;transform:rotate(-2deg)}.strip .arrow:nth-child(2){grid-area:1/2}.strip .mini{grid-area:2/2;width:min(100%,220px);margin:0}.strip .arrow:nth-child(4){grid-area:1/3}.strip .end{grid-area:2/3}.wcard .word{font-size:40px}.mini .stick,.end .due{font-size:var(--text-md)}.mini .stick{bottom:12px;left:auto;right:-12px}.end .due{bottom:-30px;right:-8px}}@media (width<=980px){.vc{grid-template-columns:minmax(0,1fr)}.vc>div:first-child,.side{grid-area:auto}.tbl .stick{display:none}.side{margin-left:0}.pair{margin:0 auto}}@media (width<=860px){.forms,.also,.vc{grid-template-columns:1fr}.big-stack{transform:rotate(0)}}@media (width<=680px){.strip{grid-template-columns:1fr;justify-items:center;gap:36px}.strip .wcard,.strip .arrow:nth-child(2),.strip .mini,.strip .arrow:nth-child(4),.strip .end{grid-area:auto}.strip .arrow:after{content:""}.strip .arrow{text-align:center;width:min(100%,300px);padding:0}.strip>*{width:min(100%,300px)}.strip .wcard,.strip .end,.strip .list{width:100%}.mini{width:min(100%,220px)}.mini .stick{bottom:10px;left:auto;right:-10px}.end .due{bottom:-28px;right:8px}.wcard .word{font-size:36px}.prac{grid-template-columns:1fr}.prac .art{order:-1;width:min(100%,260px)}.prac .ptag,.hero .stick{display:none}.hero .art{--hero-phone-width:min(220px, 56vw);height:calc(var(--hero-phone-width) * 1.42)}.hero .ph{width:var(--hero-phone-width);z-index:2}.hero .ph.l,.hero .ph.r{opacity:.9;z-index:1;display:block;top:14%}.hero .ph.l{left:calc(50% - 1.3 * var(--hero-phone-width));transform:rotate(-11deg)}.hero .ph.r{left:calc(50% + .3 * var(--hero-phone-width));transform:rotate(11deg)}.side{width:min(260px,80%);margin:0 auto}.side .ph{transform:rotate(-3deg)}.field,.big .row{flex-direction:column;align-items:stretch}.big .platform-hint{padding-bottom:36px}.field .btn,.big .row .btn{justify-content:center}.field input{width:100%;font-size:var(--text-xl)}.write{width:100%}.crow{flex-wrap:wrap;gap:14px 16px;padding:16px 18px}.crow .tx b{font-size:22px}.crow .go{text-align:center;flex-basis:100%}.pair{margin:32px auto 0;--pair-width:min(56cqw, 280px);--pair-height:min(131.6cqw, 658px);width:auto;margin-inline:calc(-1*clamp(20px,4vw,48px))}}@media (width<=560px){.hero h1{letter-spacing:-.03em;font-size:54px}.note .w{font-size:40px}.note .w.sm{font-size:30px}}@media (width<=380px){.hero h1{font-size:48px}}@media (width<=360px){.crow{gap:12px;padding:16px 12px}.crow .go{padding-inline:14px}}@media (width<=600px){.big .btn{width:100%}}@media (width<=560px){.big .huge{white-space:normal;font-size:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pdots button.on i,.bob,.qrow i,.success-check,.success-welcome,.signup-success>strong,.signup-success p,.signup-success button{animation:none}.prac .art .ph,.prac .art .ph img,.prac .ptag,.step,.step small,.note,.pair .card,.pair .stick{transition:none}}.signup-success p.success-note{font-size:var(--text-sm);color:var(--fg-3);max-width:40ch;margin-top:14px;animation-delay:.35s}.big .platform-hint b{color:var(--fg-2);font-weight:600}:root[data-theme=dark] :is(.stick,.qrow,.chip:first-child,.platform-tag,.big .form-error,.mark,.tbl .v.given i,.big .huge em,.success-welcome,.step.on){color:var(--paper)}:root[data-theme=dark] :is(.note,.wcard){--ink-900:var(--paper);--ink-700:var(--surface-alt)}:root[data-theme=dark] .step.on .n,:root[data-theme=dark] .big[data-state=success] .platform-tag{color:var(--paper)}:root[data-theme=dark] .step.on small{color:var(--surface-alt)}:root[data-theme=dark] .qrow i{background:var(--paper)}.analytics-consent{left:16px;bottom:max(16px, env(safe-area-inset-bottom));z-index:60;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--hairline);max-width:calc(100% - 32px);box-shadow:var(--shadow-md);align-items:center;gap:12px;padding:5px 5px 5px 18px;animation:.6s cubic-bezier(.2,.8,.2,1) both rise;display:flex;position:fixed}.analytics-consent[hidden]{display:none}.analytics-consent p{min-width:0;font-size:var(--text-sm);color:var(--fg-2);flex:auto;margin:0;line-height:1.3}.analytics-consent p a{color:inherit;text-underline-offset:3px;text-decoration:underline}.analytics-consent-actions{flex:none;align-items:center;gap:2px;display:flex}.analytics-consent button{border:1px solid var(--hairline-strong);cursor:pointer;font:700 var(--text-sm) / 1 var(--font-sans);border-radius:var(--r-pill);background:var(--surface-alt);min-height:36px;color:var(--fg-1);padding:9px 14px}.analytics-consent button:hover{background:var(--surface)}.analytics-settings{font:inherit;color:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.analytics-settings:hover{color:var(--fg-1)}.policy-footer{max-width:740px;margin:0 auto;padding:0 24px 40px}@media (width<=720px){.analytics-consent{max-width:none;left:12px;right:12px;bottom:max(16px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.analytics-consent{animation:none}}.ph img.landing-screen-dark,:root[data-theme=dark] .ph img.landing-screen-light{display:none}:root[data-theme=dark] .ph img.landing-screen-dark{display:block}