:root{--paper:#fdfbf6;--rule:#6e91be33;--margin-red:#de6e7661;--tape:#faf0cdc7;--sticky-y:#fff0a6;--sticky-p:#ffd8de;--sticky-b:#d9ecff;--sticky-g:#dcf3d4;--sticky-ink:#2b2a20;--doodle:#2b3fd6;--doodle-2:#df5446;--ml:clamp(10px, calc(50vw - 640px), 400px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--rule:#8c9bff13;--margin-red:#ff7d8733;--tape:#f0e4be6b;--sticky-y:#efe08f;--sticky-p:#f2c6cd;--sticky-b:#c6dcf2;--sticky-g:#c9e6c0;--doodle:#9aa5ff;--doodle-2:#ff8b7e}}:root[data-theme=dark]{--rule:#8c9bff13;--margin-red:#ff7d8733;--tape:#f0e4be6b;--sticky-y:#efe08f;--sticky-p:#f2c6cd;--sticky-b:#c6dcf2;--sticky-g:#c9e6c0;--doodle:#9aa5ff;--doodle-2:#ff8b7e}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background-color:var(--bg);background-image:var(--grain);overflow-x:hidden}.skip{background:var(--ink);color:var(--bg);z-index:100;border-radius:8px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.wrap{width:min(1180px,100% - 32px);margin-inline:auto}section{padding-block:clamp(72px,10vw,128px);position:relative}.ruled{background-image:linear-gradient(90deg, transparent var(--ml), var(--margin-red) var(--ml), var(--margin-red) calc(var(--ml) + 1.5px), transparent calc(var(--ml) + 1.5px)), repeating-linear-gradient(180deg, transparent 0 35px, var(--rule) 35px 36px);border-block:1px solid var(--line)}.progress{z-index:60;pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.progress span{background:linear-gradient(90deg, var(--accent), var(--accent-2));transform-origin:0;height:100%;transform:scaleX(var(--p,0));border-radius:0 3px 3px 0;display:block}.reveal{opacity:0;transform:translateY(22px) rotate(var(--rr,0deg));transition:opacity .8s var(--ease) var(--d,0s), transform .9s var(--ease) var(--d,0s)}.reveal.in{opacity:1;transform:none}.sheet{--ink:#15182b;--ink-2:#4f546d;--ink-3:#8a8ea3;--line:#e6dfcf;--line-2:#d6ccb6;--bg-elev:#fffdf8;--bg-sunk:#efe9dc;--accent:#2b3fd6;--accent-2:#4257f0;--accent-ink:#fff;--accent-soft:#e8ebff;background:var(--paper);color:var(--ink);border-radius:6px;position:relative;box-shadow:0 1px #00000008,0 2px 5px #30240c12,0 26px 60px -22px #30240c61}.sheet:after{content:"";border-radius:inherit;pointer-events:none;background:var(--grain), linear-gradient(115deg, #ffffff59, transparent 40%, #785a280d);mix-blend-mode:multiply;position:absolute;inset:0}.tape{z-index:3;background:var(--tape);clip-path:polygon(2% 8%,9% 0,18% 10%,30% 2%,44% 9%,58% 1%,71% 8%,85% 0,98% 9%,100% 92%,90% 100%,76% 91%,62% 99%,47% 90%,33% 99%,18% 91%,6% 100%,0 90%);pointer-events:none;background-image:repeating-linear-gradient(90deg,#ffffff2e 0 2px,#0000 2px 6px);width:96px;height:28px;position:absolute;box-shadow:0 1px 3px #00000014}.tape-l{top:-12px;left:18px;transform:rotate(-8deg)}.tape-r{top:-10px;right:22px;transform:rotate(6deg)}.tape-c{margin-left:-48px;top:-13px;left:50%;transform:rotate(-2deg)}.sticky{z-index:4;background:var(--sticky-y);color:var(--sticky-ink);font-family:var(--font-hand);transform:rotate(var(--r,-4deg));animation:7s ease-in-out infinite bob;animation-delay:var(--bd,0s);padding:16px 18px 18px;font-size:22px;font-weight:600;line-height:1.05;position:absolute;box-shadow:0 2px 2px #0000000d,0 18px 28px -14px #3c280073}.sticky:before{content:"";background:var(--tape);width:62px;height:22px;margin-left:-31px;position:absolute;top:-11px;left:50%;transform:rotate(3deg);box-shadow:0 1px 2px #0000000f}.sticky-p{background:var(--sticky-p)}.sticky-b{background:var(--sticky-b)}.sticky-g{background:var(--sticky-g)}@keyframes bob{50%{transform:rotate(calc(var(--r,-4deg) * .6)) translateY(-7px)}}.doodle{pointer-events:none;color:var(--doodle);position:absolute;overflow:visible}.doodle path{stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.1s cubic-bezier(.6, .1, .3, 1) var(--dd,.25s)}.doodle path+path{transition-delay:calc(var(--dd,.25s) + .75s);transition-duration:.45s}.doodle.drawn path{stroke-dashoffset:0}[data-underline]{display:inline-block;position:relative}.uline{pointer-events:none;width:104%;height:.34em;position:absolute;bottom:-.16em;left:-2%;overflow:visible}.uline path{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;opacity:.8;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s cubic-bezier(.6, .1, .3, 1) var(--ud,.35s)}.uline.drawn path{stroke-dashoffset:0}.hand-word{font-family:var(--font-hand);color:var(--accent);text-decoration:line-through;-webkit-text-decoration-color:var(--doodle-2);text-decoration-color:var(--doodle-2);font-size:1.32em;font-weight:700;line-height:1;text-decoration-thickness:2px}.hand-note{font-family:var(--font-hand);color:var(--ink-2);font-size:23px;font-weight:600}.btn{cursor:pointer;white-space:nowrap;height:46px;transition:transform .18s var(--ease), box-shadow .25s, background .2s, border-color .2s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)rotate(-.6deg)}.btn:active{transform:scale(.97)}.btn-sm{height:38px;padding:0 16px;font-size:14px}.btn-lg{height:54px;padding:0 26px;font-size:16px}.btn-block{width:100%}.btn-primary{background:linear-gradient(180deg, var(--accent-2), var(--accent));color:var(--accent-ink);box-shadow:inset 0 1px 0 #ffffff38, 0 10px 24px -10px color-mix(in oklab, var(--accent) 80%, transparent)}.btn-primary:hover{box-shadow:inset 0 1px 0 #ffffff38, 0 16px 32px -10px color-mix(in oklab, var(--accent) 90%, transparent)}.btn-primary:disabled{opacity:.7;cursor:progress}.btn-arrow{transition:transform .3s var(--ease-spring)}.btn:hover .btn-arrow{transform:translate(4px)}.btn-ghost{color:var(--ink);border-color:var(--line-2);background:color-mix(in oklab, var(--bg-elev) 70%, transparent)}.btn-ghost:hover{border-color:var(--ink-3)}.btn-secondary{background:var(--bg-elev);color:var(--ink);border-color:var(--line-2)}.btn-secondary:hover{border-color:var(--ink-3)}.btn-gold{color:#2a1d05;background:linear-gradient(#f0c86b,#c9962f);box-shadow:inset 0 1px #ffffff73,0 12px 26px -12px #b4821ee6}.btn-light{color:#15182b;background:#fff;box-shadow:0 16px 34px -14px #0009}.nav{z-index:50;border-bottom:1px solid #0000;transition:background .3s,border-color .3s;position:sticky;top:0}.nav.scrolled{background:var(--bg-glass);-webkit-backdrop-filter:saturate(1.6)blur(16px);border-bottom-color:var(--line)}.nav-inner{align-items:center;gap:24px;width:min(1180px,100% - 32px);height:68px;margin-inline:auto;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;display:inline-flex}.brand-mark{transition:transform .4s var(--ease-spring);border-radius:9px;box-shadow:0 6px 16px -6px #2b3fd699}.brand:hover .brand-mark{transform:rotate(-8deg)scale(1.06)}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:25px;font-weight:700}.nav-links{gap:2px;margin-left:12px;display:none}.nav-links a{color:var(--ink-2);border-radius:999px;padding:8px 12px;font-size:14.5px;font-weight:500;transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .35s var(--ease);border-radius:2px;position:absolute;bottom:3px;left:12px;right:12px;transform:scaleX(0)}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{transform:scaleX(1)}.nav-cta{align-items:center;gap:14px;margin-left:auto;display:flex}.link-quiet{color:var(--ink-2);font-size:14.5px;font-weight:500}@media (width>=900px){.nav-links{display:flex}}@media (width<=420px){.link-quiet{display:none}}.nav-get{gap:6px}@media (width<=560px){.nav-get{display:none}.is-android .nav-get{display:inline-flex}.is-android [data-open-app]{display:none}}.android-only{display:none!important}.is-android .android-only{display:inline-flex!important}.is-android p.android-only{display:block!important}.is-android .not-android{display:none!important}.hero-apk-note{color:var(--ink-3);margin:12px 0 0;font-size:14px}.app-banner{z-index:60;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-elev);box-shadow:var(--shadow-3);animation:rise .5s var(--ease) both;align-items:center;gap:10px;padding:10px 8px 10px 10px;display:flex;position:fixed}.app-banner[hidden]{display:none}.app-banner img{border-radius:11px;flex:none}.app-banner-text{flex:1;min-width:0;line-height:1.3;display:grid}.app-banner-text strong,.app-banner-text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-banner-text strong{font-size:14.5px}.app-banner-text span{color:var(--ink-3);font-size:12.5px}.app-banner-close{width:32px;height:32px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}@media (width>=700px){.app-banner{width:420px;left:auto}}.hero{border-top:0;padding-block:clamp(28px,5vw,64px) clamp(64px,8vw,104px);overflow:hidden}.ink-trail{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-grid{z-index:1;align-items:center;gap:56px;display:grid;position:relative}@media (width>=980px){.hero-grid{grid-template-columns:.92fr 1.08fr;gap:64px}}.hello{background:var(--bg-elev);border:1px solid var(--line);color:var(--ink-2);box-shadow:var(--shadow-1);animation:rise .7s var(--ease) both;border-radius:999px;align-items:center;gap:10px;margin:0 0 22px;padding:6px 14px 6px 6px;font-size:13.5px;font-weight:600;display:inline-flex}.hello-new{background:var(--accent);color:var(--accent-ink);font-family:var(--font-hand);border-radius:999px;padding:3px 10px;font-size:17px;line-height:1.1}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.hero-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(54px,8.6vw,104px);font-weight:700;line-height:.98}.hero-title em{font-family:var(--font-hand);letter-spacing:0;color:var(--accent);font-size:1.16em;font-style:normal;font-weight:700;line-height:.92}.write-in{clip-path:inset(-.2em 100% -.3em 0);width:max-content;max-width:100%;animation:write-in .95s cubic-bezier(.55, .1, .35, 1) var(--wd,0s) forwards;padding:.04em .12em .12em .02em;display:block}@keyframes write-in{to{clip-path:inset(-.2em -.2em -.3em 0)}}.hero-sub{color:var(--ink-2);max-width:540px;animation:rise .8s var(--ease) 1.5s both;margin:26px 0 30px;font-size:clamp(17px,1.9vw,19.5px);line-height:1.6}.hero-ctas{animation:rise .8s var(--ease) 1.7s both;flex-wrap:wrap;gap:12px;display:flex}.hero-trust{color:var(--ink-2);animation:rise .8s var(--ease) 1.9s both;flex-wrap:wrap;gap:10px 22px;margin:28px 0 0;padding:0;font-size:14.5px;list-style:none;display:flex}.hero-trust li{align-items:center;gap:6px;display:flex}.hero-trust li:before{content:"✓";font-family:var(--font-hand);color:var(--green);font-size:20px;font-weight:700;line-height:1}.hero-trust strong{color:var(--ink)}.hero-art{animation:drop 1s var(--ease) .3s both;padding:26px 10px 40px;position:relative}@keyframes drop{0%{opacity:0;transform:translateY(30px)rotate(2deg)}}.hero-sheet{transition:transform .6s var(--ease);transform:rotate(-1.6deg)}.hero-art:hover .hero-sheet{transform:rotate(-.6deg)translateY(-3px)}.replay-svg{z-index:1;width:100%;height:auto;display:block;position:relative}.replay-svg .rule{stroke:#b8cbe0;stroke-width:.15px}.replay-svg .margin{stroke:#e0959c;stroke-width:.2px}.replay-svg .ink path{fill:none;stroke:#1834a0;stroke-linecap:round;stroke-linejoin:round}.replay-svg .nib{fill:#1834a0;opacity:0;filter:drop-shadow(0 0 .8px #1834a099);transition:opacity .2s}.replay{z-index:3;color:#3a3f58;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .2s, transform .2s var(--ease);background:#ffffffe0;border:1px solid #15182b1f;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;bottom:12px;right:12px}.replay:hover{color:#15182b}.replay:hover svg{transition:transform .5s var(--ease);transform:rotate(-120deg)}.note-a{--r:-6deg;bottom:-6px;left:-18px}.note-b{--r:5deg;--bd:-3.5s;top:-14px;right:-12px}.note-arrow{width:76px;height:52px;color:var(--doodle-2);bottom:-42px;left:-64px}@media (width<=560px){.sticky{padding:12px 14px 14px;font-size:18px}.note-arrow{display:none}}.scroll-cue{width:26px;height:40px;color:var(--ink-3);z-index:1;margin-left:-13px;animation:2.4s ease-in-out infinite cue;position:absolute;bottom:14px;left:50%}.scroll-cue svg{stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}@keyframes cue{50%{transform:translateY(6px)}}.marquee-band{border-bottom:1px solid var(--line);background:color-mix(in oklab, var(--bg-sunk) 55%, transparent);gap:14px;padding-block:26px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee{gap:14px;width:max-content;animation:90s linear infinite marquee;display:flex}.marquee-rev{animation-duration:110s;animation-direction:reverse}.marquee-band:hover .marquee{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.mq-item{--ink:#15182b;background:var(--paper);transform:rotate(var(--r,0deg));transition:transform .3s var(--ease);border-radius:6px;flex:none;justify-items:start;gap:2px;margin:0;padding:4px 0 8px;display:grid;box-shadow:0 1px 2px #30240c14,0 8px 18px -10px #30240c59}.mq-item:hover{transform:rotate(0)translateY(-3px)scale(1.04)}.mq-item img{width:auto;max-width:none;height:52px}.mq-item figcaption{font-family:var(--font-hand);color:#8a8ea3;padding:0 14px;font-size:16px;font-weight:700}.section-head{text-align:center;max-width:780px;margin:0 auto clamp(36px,5vw,60px)}.eyebrow{font-family:var(--font-hand);color:var(--accent);margin:0 0 14px;font-size:24px;font-weight:700;line-height:1;display:inline-block;transform:rotate(-2deg)}.eyebrow:before{content:"~ ";color:var(--doodle-2)}.section-title{text-wrap:balance;font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(38px,5.6vw,66px);font-weight:700;line-height:1.05}.section-title em{font-family:var(--font-hand);letter-spacing:0;color:var(--accent);font-size:1.14em;font-style:normal;font-weight:700}.section-title.left,.section-sub.left{text-align:left;margin-left:0}.section-sub{text-wrap:pretty;color:var(--ink-2);max-width:650px;margin:20px auto 0;font-size:17.5px;line-height:1.65}code{font-family:var(--font-mono);background:var(--bg-sunk);white-space:nowrap;border-radius:6px;padding:1px 6px;font-size:.86em}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px solid var(--line-2);background:var(--bg-elev);height:36px;color:var(--ink-2);cursor:pointer;transition:all .2s var(--ease);border-radius:999px;padding:0 14px;font-size:14px;font-weight:600}.chips button:hover{color:var(--ink);border-color:var(--ink-3)}.chips button.on{background:var(--ink);border-color:var(--ink);color:var(--bg-elev);transform:rotate(-1.5deg)}.chips.small button{height:32px;padding:0 12px;font-size:13px}.inks{flex-wrap:wrap;gap:9px;display:flex}.inks button{background:var(--c);cursor:pointer;width:32px;height:32px;transition:transform .2s var(--ease-spring), box-shadow .2s;border:0;border-radius:50%;box-shadow:inset 0 -3px 6px #00000040,inset 0 2px 3px #ffffff40}.inks button:hover{transform:scale(1.08)}.inks button.on{box-shadow:0 0 0 3px var(--bg-elev), 0 0 0 5px var(--c);transform:scale(1.06)}.demo-card{--rr:1deg;gap:18px;max-width:900px;margin:0 auto;padding:30px clamp(18px,4vw,40px) 26px;display:grid}.demo-label{font-family:var(--font-hand);color:var(--ink-3);margin-bottom:-10px;font-size:20px;font-weight:700}.demo-input{width:100%;height:64px;font-family:var(--font-hand);color:#1834a0;background:0 0;border:0;border-bottom:2px solid #b8cbe0;outline:none;padding:0 4px;font-size:clamp(26px,3.6vw,34px);font-weight:600;transition:border-color .2s}.demo-input:focus{border-bottom-color:var(--accent)}.demo-row{gap:8px;display:grid}.demo-row-split{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.demo-field{gap:8px;display:grid}.demo-key{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:12.5px;font-weight:700}.demo-slider input{width:190px;accent-color:var(--accent)}.demo-switch{color:var(--ink-2);cursor:pointer;align-self:end;align-items:center;gap:10px;padding-bottom:4px;font-size:14.5px;font-weight:600;display:inline-flex}.demo-switch input{opacity:0;position:absolute}.switch{background:var(--line-2);border-radius:999px;width:44px;height:26px;transition:background .2s;position:relative}.switch span{width:20px;height:20px;transition:transform .25s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.demo-switch input:checked+.switch{background:var(--accent)}.demo-switch input:checked+.switch span{transform:translate(18px)}.demo-switch input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:2px}.demo-go{align-self:end;margin-left:auto}.demo-out{--rr:-1deg;max-width:1000px;margin:34px auto 0;position:relative}.demo-out img{width:100%;box-shadow:var(--shadow-3);background:var(--paper);border-radius:6px;transition:opacity .3s}.demo-out.busy img{opacity:.5}.demo-out.revealed img{animation:1.9s cubic-bezier(.45,.1,.4,1) both wipe}@keyframes wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.demo-pen{opacity:0;pointer-events:none;filter:drop-shadow(0 8px 10px #00000040);width:70px;height:70px;margin-left:-8px;position:absolute;top:18%;left:0}.demo-out.revealed .demo-pen{animation:1.9s cubic-bezier(.45,.1,.4,1) both pen-run}@keyframes pen-run{0%{opacity:1;left:0}20%{transform:translateY(16px)rotate(4deg)}45%{transform:translateY(-6px)rotate(-3deg)}70%{transform:translateY(22px)rotate(5deg)}92%{opacity:1}to{opacity:0;left:100%}}.demo-out.busy:after{content:"writing…";color:#fff;font-family:var(--font-hand);background:#15182bd1;border-radius:999px;padding:8px 18px;font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)}.demo-note{text-align:center;color:var(--ink-3);margin:18px 0 0;font-size:14.5px}.slips-grid{align-items:center;gap:56px;display:grid}@media (width>=980px){.slips-grid{grid-template-columns:1fr 1.05fr}}.slips-copy .section-sub{margin-top:18px}.slips-art{--rr:2deg;padding:22px 6px 36px;position:relative}.slips-sheet{transform:rotate(1.2deg)}.note-c{--r:-5deg;--bd:-2s;bottom:-2px;left:-14px}.ticks{gap:11px;margin:22px 0 0;padding:0;list-style:none;display:grid}.ticks li{gap:10px;line-height:1.5;display:flex}.ticks li:before{content:"✓";font-family:var(--font-hand);color:var(--green);flex:none;font-size:22px;font-weight:700;line-height:1.05}.yours-grid{gap:20px;display:grid}@media (width>=860px){.yours-grid{grid-template-columns:1fr 1fr}.persona-card{grid-column:1/-1;grid-template-columns:minmax(250px,.62fr) 1.38fr;grid-template-areas:"head paper""note paper";align-items:center;column-gap:32px;padding:30px}.persona-card .card-head{grid-area:head;align-self:end}.persona-card .persona-paper{grid-area:paper}.persona-card .card-note{grid-area:note;align-self:start}}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-1);transition:box-shadow .3s, transform .4s var(--ease);align-content:start;gap:16px;padding:24px;display:grid}.card:hover{box-shadow:var(--shadow-2)}.card-head{gap:10px;display:grid}.card h3{font-family:var(--font-display);margin:0;font-size:28px;font-weight:700;line-height:1.1}.card-head p{color:var(--ink-2);margin:0}.persona-paper{box-shadow:var(--shadow-2);background:var(--paper);border-radius:6px;position:relative;overflow:hidden;transform:rotate(-.8deg)}.persona-paper img{width:100%;transition:opacity .3s, transform .5s var(--ease);display:block}.persona-paper img.swapping{opacity:.25;transform:translate(10px)}.card-note{min-height:2.4em;margin:0}.people{gap:10px;margin:0;padding:0;list-style:none;display:grid}.people li{background:var(--paper);transform:rotate(var(--r,0deg));transition:transform .35s var(--ease);border-radius:6px;padding:26px 16px 12px;position:relative;box-shadow:0 1px 2px #30240c12,0 10px 22px -14px #30240c66}.people li:first-child{--r:-.8deg}.people li:nth-child(2){--r:.6deg}.people li:nth-child(3){--r:-.4deg}.people li:hover{transform:rotate(0)scale(1.02)}.people img{width:auto;max-width:100%;height:clamp(28px,3.4vw,40px);display:block}.person-tag{letter-spacing:.06em;text-transform:uppercase;color:#8a8ea3;font-size:11.5px;font-weight:700;position:absolute;top:6px;left:12px}.pens{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}.pens li{background:var(--paper);border-radius:6px;justify-items:center;gap:4px;padding:14px 10px 10px;display:grid;box-shadow:0 1px 2px #30240c12,0 10px 22px -14px #30240c66}.pens img{width:auto;max-width:100%;height:46px}.pens span{color:#8a8ea3;font-size:12.5px;font-weight:700}.compare-grid{gap:22px;display:grid}@media (width>=860px){.compare-grid{grid-template-columns:1fr 1fr}}.compare-card{margin:0;padding:22px 26px 28px;overflow:hidden}.compare-card:first-child{--rr:-1.5deg}.compare-card:last-child{--rr:1.5deg}.compare-card figcaption{color:#6a6f86;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13.5px;font-weight:600;display:flex}.tag{border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:700}.tag-rose{color:#b3352a;background:#fde9e5}.tag-green{color:#1d8a59;background:#e1f3e9}.tag-blue{background:var(--accent-soft);color:var(--accent)}.tag-plain{background:var(--bg-sunk);color:var(--ink-2)}.font-rows,.variant-rows{gap:2px;display:grid}.font-rows span{color:#1834a0;font-family:Caveat,cursive;font-size:clamp(30px,4.4vw,42px);font-weight:500;line-height:1.12}.variant-rows img{width:auto;height:clamp(36px,5vw,50px);margin:1px 0}.cross{width:46%;height:80%;color:var(--doodle-2);opacity:.8;top:14%;right:6%}.cross path{stroke-width:4px}.tick{color:#1d8a59;width:30%;height:40%;bottom:10%;right:6%}.tick path{stroke-width:5px}.tells{gap:18px;margin:48px 0 0;padding:0;list-style:none;display:grid}@media (width>=760px){.tells{grid-template-columns:repeat(3,1fr)}}.tells li{border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line);padding:24px 24px 24px 76px;position:relative}.tell-num{font-family:var(--font-hand);color:var(--accent);font-size:54px;font-weight:700;line-height:1;position:absolute;top:14px;left:22px}.tells h3{font-family:var(--font-display);margin:0 0 6px;font-size:24px;font-weight:700}.tells p{color:var(--ink-2);margin:0}.hands-filter{justify-content:center;margin-bottom:30px}.hands-grid{gap:18px;display:grid}@media (width>=640px){.hands-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.hands-grid{grid-template-columns:repeat(3,1fr)}}.hand{--ink:#15182b;background:var(--paper);color:var(--ink);transform:rotate(var(--r,0deg));transition:transform .35s var(--ease), box-shadow .3s;animation:hand-in .5s var(--ease) both;animation-delay:var(--hd,0s);border-radius:6px;position:relative;overflow:hidden;box-shadow:0 1px 2px #30240c12,0 14px 30px -16px #30240c6b}.hand:hover{transform:rotate(0)translateY(-5px);box-shadow:0 2px 4px #30240c14,0 24px 44px -18px #30240c80}@keyframes hand-in{0%{opacity:0;transform:translateY(14px) rotate(var(--r,0deg))}}.hand-paper{padding:8px 0 4px}.hand-paper img{width:100%;height:auto;display:block}.hand-info{border-top:1px dashed #e2dccd;padding:12px 18px 18px}.hand-info h3{font-family:var(--font-display);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px;font-size:21px;font-weight:700;display:flex}.hand-info h3 .tag{font-family:var(--font-ui)}.hand-info p{color:#4f546d;margin:0;font-size:14.5px}.hand .tag-blue{color:#2b3fd6;background:#e8ebff}.hand .tag-plain{color:#4f546d;background:#efe9dc}.hands-more{justify-content:center;margin-top:30px;display:flex}.hands-more[hidden]{display:none}.bento{gap:18px;display:grid}@media (width>=900px){.bento{grid-template-columns:repeat(4,1fr)}.tile-paper,.tile-code,.tile-ink,.tile-photo{grid-column:span 2}}.tile{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-1);transition:box-shadow .3s, transform .35s var(--ease);align-content:start;display:grid;overflow:hidden}.tile:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)rotate(-.3deg)}.tile-copy{gap:10px;padding:24px 24px 18px;display:grid}.tile h3{font-family:var(--font-display);margin:0;font-size:25px;font-weight:700;line-height:1.1}.tile p{color:var(--ink-2);margin:0;font-size:15.5px}.tile-media{padding:0 18px 18px}.tile-media img{width:100%;box-shadow:var(--shadow-2);background:var(--paper);border-radius:6px;transition:opacity .25s}.tile-media img.swapping{opacity:.4}.ink-media{background:var(--paper) repeating-linear-gradient(180deg, transparent 0 31px, #cbd8e8 31px 32px);box-shadow:var(--shadow-2);border-radius:6px;place-items:center;margin:0 18px 18px;padding:28px 18px 32px;display:grid}.ink-layer{--ink:#1834a0;aspect-ratio:497/117;background:var(--ink);width:100%;transition:background .35s var(--ease);-webkit-mask:url(/showcase/ink-layer.png) 50%/contain no-repeat;mask:url(/showcase/ink-layer.png) 50%/contain no-repeat}.photo-media img{aspect-ratio:4/3;object-fit:cover;object-position:50% 12%}.tile-mini{gap:8px;padding:24px}.mini-ico{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);transition:transform .4s var(--ease-spring);border-radius:14px;place-items:center;margin-bottom:6px;display:grid;transform:rotate(-4deg)}.tile-mini:hover .mini-ico{transform:rotate(6deg)scale(1.08)}.tile-mini h3{font-size:22px}.ba-wrap{justify-items:center;display:grid}.ba{aspect-ratio:210/297;width:min(620px,100%);box-shadow:var(--shadow-3);touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#fff;border-radius:6px;position:relative;overflow:hidden}.ba img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ba-before-clip{clip-path:inset(0 calc(100% - var(--pos)) 0 0);position:absolute;inset:0}.ba-handle{top:0;bottom:0;left:var(--pos);pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #15182b33}.ba-handle span{color:#2b3fd6;background:#fff;border-radius:50%;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 8px 24px #00000040}.ba-range{opacity:0;width:100%;height:1px;position:absolute;inset:auto 0 0}.ba-label{color:#fff;font-family:var(--font-hand);pointer-events:none;background:#15182bc7;border-radius:999px;padding:5px 13px;font-size:18px;font-weight:700;position:absolute;top:14px}.ba-label-l{left:14px}.ba-label-r{right:14px}.steps{gap:20px;margin:0;padding:0;list-style:none;display:grid}@media (width>=860px){.steps{grid-template-columns:repeat(3,1fr)}}.step{border-radius:var(--r-xl);background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-1);padding:28px 26px;position:relative}.step:nth-child(2){--rr:1deg}.step-num{width:76px;height:76px;font-family:var(--font-hand);color:var(--accent);place-items:center;margin-bottom:14px;font-size:54px;font-weight:700;line-height:1;display:inline-grid;position:relative}.ring{width:calc(100% + 8px);height:calc(100% + 8px);color:var(--doodle-2);inset:-4px}.ring path{stroke-width:3.5px}.step h3{font-family:var(--font-display);margin:0 0 8px;font-size:24px;font-weight:700}.step p{color:var(--ink-2);margin:0}.how-foot{text-align:center;margin:34px 0 0;transform:rotate(-1.5deg)}.price-grid{gap:22px;max-width:900px;margin:0 auto;display:grid}@media (width>=760px){.price-grid{grid-template-columns:1fr 1fr}}.price-card{border-radius:var(--r-xl);background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-1);transition:transform .4s var(--ease), box-shadow .3s;align-content:start;gap:12px;padding:32px 28px;display:grid;position:relative}.price-card:hover{box-shadow:var(--shadow-2);transform:translateY(-4px)}.price-pro{border:1.5px solid color-mix(in oklab, var(--gold) 55%, var(--line));background:radial-gradient(120% 70% at 100% 0%, var(--gold-soft), transparent 60%), var(--bg-elev);box-shadow:var(--shadow-3)}.ribbon{background:var(--sticky-y);color:var(--sticky-ink);font-family:var(--font-hand);border-radius:4px;padding:5px 14px;font-size:18px;font-weight:700;position:absolute;top:-15px;left:24px;transform:rotate(-2deg);box-shadow:0 6px 14px -6px #0006}.price-card h3{font-family:var(--font-display);margin:0;font-size:26px;font-weight:700}.price{align-items:baseline;gap:6px;margin:0;display:flex}.price-num{font-family:var(--font-display);font-size:72px;font-weight:700;line-height:.9}.price small{color:var(--ink-3);font-size:16px}.price-desc{color:var(--ink-2);margin:0}.price-card .ticks{margin:6px 0 14px}.calc{border-radius:var(--r-xl);background:var(--bg-elev);border:1px solid var(--line);gap:14px;max-width:900px;margin:24px auto 0;padding:24px 28px;display:grid}.calc-label{justify-content:space-between;font-weight:600;display:flex}.calc-label strong{font-family:var(--font-hand);color:var(--accent);font-size:26px;line-height:1}.calc input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px}.calc input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--pct,16%), var(--line-2) var(--pct,16%));border-radius:6px;height:6px}.calc input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--accent) var(--pct,16%), var(--line-2) var(--pct,16%));border-radius:6px;height:6px}.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:26px;height:26px;margin-top:-10px;box-shadow:0 2px 6px #0000004d}.calc input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:26px;height:26px;box-shadow:0 2px 6px #0000004d}.calc-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.calc-cell{border-radius:var(--r-md);background:var(--bg-sunk);transition:all .25s var(--ease);border:1.5px solid #0000;padding:14px 18px;display:grid}.calc-cell span{color:var(--ink-2);font-size:13.5px;font-weight:600}.calc-cell strong{font-family:var(--font-display);font-size:36px;font-weight:700}.calc-cell.win{border-color:var(--green);background:var(--green-soft);transform:rotate(-.8deg)}.calc-verdict{color:var(--ink-2);text-align:center;margin:0}.android{align-items:center;gap:48px;display:grid}@media (width>=900px){.android{grid-template-columns:1.1fr .9fr}}.android-steps{counter-reset:s;gap:12px;margin:24px 0 30px;padding:0;list-style:none;display:grid}.android-steps li{counter-increment:s;color:var(--ink-2);align-items:center;gap:12px;display:flex}.android-steps li:before{content:counter(s);border:2px solid var(--accent);width:34px;height:34px;color:var(--accent);font-family:var(--font-hand);border-radius:50%;flex:none;place-items:center;font-size:22px;font-weight:700;display:grid}.android-steps strong{color:var(--ink)}.android-ctas{flex-wrap:wrap;gap:12px;display:flex}.legal-note{max-width:720px;color:var(--ink-3);font-size:14px}.legal-note a{color:inherit}.android-alt{color:var(--ink-2);margin-top:16px;font-size:14px}.android-alt strong{color:var(--ink)}.phone{perspective:1400px;justify-self:center;position:relative}.phone-frame{aspect-ratio:750/1624;width:min(300px,76vw);transition:transform .8s var(--ease);background:linear-gradient(145deg,#2a2d3f,#0d0f1a);border-radius:44px;padding:11px;position:relative;transform:rotateY(-12deg)rotateX(4deg);box-shadow:inset 0 0 0 1.5px #3b3f58,0 50px 90px -30px #14143c8c,0 20px 40px -20px #0006}.phone:hover .phone-frame{transform:rotateY(-4deg)rotateX(2deg)}.phone-frame img{object-fit:cover;border-radius:34px;width:100%;height:100%}.phone-notch{z-index:1;background:#0b0c14;border-radius:12px;width:88px;height:22px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.note-d{--r:6deg;--bd:-1.5s;bottom:12%;right:-30px}@media (width<=560px){.note-d{right:-6px}}.faq-wrap{max-width:840px}.faq{gap:10px;display:grid}.faq details{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);transition:box-shadow .25s, transform .3s var(--ease);padding:0 22px}.faq details:hover{transform:translate(3px)}.faq details[open]{box-shadow:var(--shadow-2)}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:20px 0;font-size:17px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-hand);color:var(--accent);transition:transform .3s var(--ease);font-size:32px;line-height:.7}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--ink-2);margin:-6px 0 20px;line-height:1.65}.final{color:#fff;--doodle:#aeb8ff;background:radial-gradient(90% 120% at 20% 0,#3448e0 0%,#1a2481 50%,#0d1030 100%);padding-block:clamp(84px,11vw,140px);overflow:hidden}.final:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(#0000 0 39px,#ffffff0d 39px 40px);position:absolute;inset:0}.final-inner{text-align:center;justify-items:center;gap:16px;display:grid;position:relative}.final-title{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(46px,7.4vw,88px);font-weight:700;line-height:1.02}.final-title em{font-family:var(--font-hand);color:#c5cdff;font-size:1.14em;font-style:normal}.final p{color:#fffc;margin:0 0 12px;font-size:18px}.star{width:64px;height:64px}.s1{top:22%;left:9%;transform:rotate(-12deg)}.s2{color:#ffd76a;width:46px;height:46px;top:16%;right:11%}.spiral{width:72px;height:72px;bottom:16%;right:16%}@media (width<=700px){.s1{top:8%;left:4%}.s2{top:6%;right:5%}.spiral{bottom:5%;right:4%}}.footer{padding:48px 0 calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.footer-brand .brand-name{font-size:30px}.footer-brand p{color:var(--ink-3);margin:4px 0 0}.footer-links{flex-wrap:wrap;gap:8px 22px;display:flex}.footer-links a{color:var(--ink-2);font-weight:500}.legal{gap:10px;margin-top:28px;display:grid}.legal details{border-top:1px solid var(--line);padding-top:10px}.legal summary{cursor:pointer;color:var(--ink-2);font-weight:600}.legal p{color:var(--ink-3);max-width:860px;font-size:14.5px}.copy{color:var(--ink-3);margin:12px 0 0;font-size:13px}@media (prefers-reduced-motion:reduce){.reveal,.write-in{opacity:1;clip-path:none;animation:none;transform:none}.doodle path,.uline path{stroke-dashoffset:0;transition:none}.marquee{animation:none}.marquee-band{overflow-x:auto}.sticky,.scroll-cue{animation:none}}.price s{color:var(--ink-3);align-self:center;margin-right:8px;font-size:22px;font-weight:500}