:root{--paper:#fdf9ee;--paper-shade:#f3ecd9;--rule:#bcd4ec;--margin-line:#e8838a;--ink:#2b2b34;--ink-soft:#5b5a66;--pencil-red:#e5484d;--pencil-yellow:#f5b70a;--pencil-green:#3e9b4f;--pencil-blue:#2f6fdb;--cover:#22512b;--cover-dark:#133a1c;--postit:#fff3a8;--line-h:32px;--margin-x:72px;--font-hand:"Patrick Hand", "Comic Sans MS", cursive;--font-body:"Nunito", system-ui, sans-serif;--font-pixel:"Press Start 2P", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#d9cfb8;margin:0;font-size:18px;line-height:1.55;overflow-x:clip}img,svg{max-width:100%;height:auto;display:block}button{font:inherit}.hand{font-family:var(--font-hand)}.pixel{font-family:var(--font-pixel);letter-spacing:.04em;font-size:.62rem}.test-banner{z-index:50;color:#fff;text-align:center;text-shadow:0 1px 2px #000;background:repeating-linear-gradient(45deg,#111 0 14px,#f5b70a 14px 28px);padding:6px 12px;font-size:.8rem;font-weight:800;position:sticky;top:0}.cover{perspective:1600px;place-items:center;min-height:100svh;padding:32px 16px;display:grid}.cover__board{background:radial-gradient(circle at 20% 15%, #ffffff2e, transparent 40%), repeating-linear-gradient(115deg, #ffffff0a 0 3px, transparent 3px 7px), var(--cover);width:min(720px,100%);min-height:min(84svh,860px);box-shadow:inset 14px 0 0 var(--cover-dark), 0 24px 50px #00000047;color:#fff;text-align:center;transform-origin:0;border-radius:10px 22px 22px 10px;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:56px 32px 40px;transition:transform .9s cubic-bezier(.6,.05,.3,1),opacity .9s;display:flex;position:relative}.cover--open .cover__board{opacity:.55;transform:rotateY(-28deg)translate(-4%)}.cover__corner{background:#fff2;width:46px;height:46px;position:absolute}.cover__corner--tl{clip-path:polygon(0 0,100% 0,0 100%);top:0;left:14px}.cover__corner--br{clip-path:polygon(100% 0,100% 100%,0 100%);border-radius:0 0 22px;bottom:0;right:0}.cover__kicker{color:var(--pencil-yellow);margin:0;animation:1.2s steps(2,end) infinite blink}.cover__label{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:8px;width:min(460px,100%);padding:18px 26px 20px;transform:rotate(-1.5deg);box-shadow:6px 6px #00000040}.cover__label-small{font-family:var(--font-hand);color:var(--ink-soft);margin:0;font-size:1.1rem}.cover__title{font-family:var(--font-hand);margin:2px 0 10px;font-size:clamp(2.6rem,9vw,4rem);line-height:1}.cover__name{font-family:var(--font-hand);align-items:baseline;gap:8px;font-size:1.15rem;display:flex}.cover__name input{border:0;border-bottom:2px dashed var(--ink-soft);min-width:0;font:inherit;color:var(--pencil-blue);background:0 0;outline:none;flex:1;padding:2px 4px}.cover__promise{max-width:30ch;margin:0;font-size:1.05rem}.cover__hint{opacity:.85;margin:-8px 0 0;font-size:.85rem}.cover__stickers{pointer-events:none;position:absolute;inset:0}.cover__sticker{background:#fff;border-radius:12px;padding:8px;position:absolute;box-shadow:0 3px 8px #00000040}.cover__sticker--a{top:9%;right:9%;transform:rotate(12deg)}.cover__sticker--b{bottom:13%;left:9%;transform:rotate(-10deg)}.cover__sticker--c{bottom:8%;right:16%;transform:rotate(6deg)}@keyframes blink{50%{opacity:0}}.sticker-btn{border:3px solid var(--ink);background:var(--pencil-yellow);color:var(--ink);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 0 0 4px #fff,4px 6px 0 4px #00000040}.sticker-btn:hover{transform:translateY(-2px)rotate(-1deg)}.sticker-btn:active{transform:translateY(2px);box-shadow:0 0 0 4px #fff,2px 2px 0 4px #00000040}.sticker-btn:disabled{opacity:.7;cursor:progress;transform:none}.sticker-btn:focus-visible,.sound-toggle:focus-visible{outline:3px dashed var(--pencil-blue);outline-offset:6px}.sticker-btn--big{padding:16px 30px;font-size:1.25rem}.sticker-btn--pay{background:var(--pencil-green);color:#fff;width:100%;margin-top:8px;font-size:1.15rem}.sticker-btn--small{padding:9px 16px;font-size:.95rem}.notebook{width:min(1040px,100% - 24px);padding:24px 28px 24px calc(var(--margin-x) + 24px);background-color:var(--paper);background-image:linear-gradient(90deg, transparent calc(var(--margin-x) - 2px), var(--margin-line) calc(var(--margin-x) - 2px), var(--margin-line) var(--margin-x), transparent var(--margin-x)), repeating-linear-gradient(to bottom, transparent 0 calc(var(--line-h) - 1px), var(--rule) calc(var(--line-h) - 1px) var(--line-h));box-shadow:0 2px 0 var(--paper-shade), 0 4px 0 #e9e0c8, 0 20px 40px #0000002e;border-radius:4px 10px 10px 4px;margin:0 auto 48px;position:relative}.notebook:before{content:"";background:radial-gradient(circle at 11px 11px,#d9cfb8 7px,#b6ab92 8px,#0000 9px) 0 0/22px 48px repeat-y;width:22px;position:absolute;top:12px;bottom:12px;left:14px}.page-section{padding:48px 0 32px;position:relative}.section-title{margin:0 0 12px;font-size:clamp(2rem,5vw,2.8rem);line-height:1.1}.section-lead{color:var(--ink-soft);max-width:60ch;margin:0 0 28px}.write-on{position:relative}@supports (animation-timeline:view()){.write-on{clip-path:inset(0 100% 0 0);animation:linear both write-on;animation-timeline:view();animation-range:entry 10% cover 35%}}@keyframes write-on{to{clip-path:inset(0)}}.checklist{gap:12px;max-width:62ch;margin:0;padding:0;list-style:none;display:grid}.checklist li{align-items:baseline;gap:12px;display:flex}.check{font-family:var(--font-hand);color:var(--pencil-red);flex:none;width:1.2em;font-size:1.5rem}.check--ok{color:var(--pencil-green)}.checklist__win{font-weight:800}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;display:grid}.gallery__item{background:#fff;margin:0;padding:12px 12px 6px;position:relative;box-shadow:0 6px 16px #0000001f}.gallery__item--tilt-l{transform:rotate(-1.2deg)}.gallery__item--tilt-r{transform:rotate(1.4deg)}.gallery__img{aspect-ratio:1000/562;width:100%}.gallery__item figcaption{text-align:center;padding-top:4px;font-size:1.2rem}.tape{background:#ffeca0bf;width:92px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 2px #00000014}.scribble-path{transition-property:stroke-dashoffset;transition-timing-function:cubic-bezier(.45,.05,.4,1)}.steps{grid-template-columns:repeat(3,1fr);gap:28px;margin:0;padding:0;list-style:none;display:grid}.steps__item{flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:relative}.steps__icon{align-items:center;height:32px;display:flex}.steps__num{color:var(--pencil-green)}.steps__title{font-size:1.6rem;line-height:1.1}.steps__arrow{width:56px;color:var(--ink-soft);position:absolute;top:4px;right:-36px}.quest__grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:36px;display:grid}.quest__stack{min-height:460px;position:relative}.quest__card{aspect-ratio:1000/562;box-sizing:content-box;background:#fff;width:88%;padding:10px;position:absolute;box-shadow:0 8px 18px #00000029}.quest__card--0{z-index:3;top:0;left:0;transform:rotate(-3deg)}.quest__card--1{z-index:2;top:150px;left:9%;transform:rotate(2.5deg)}.quest__card--2{z-index:1;top:300px;left:2%;transform:rotate(-1deg)}.quest__layer{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;inset:10px}.quest__badge{z-index:2;background:var(--pencil-red);color:#fff;border:2px solid var(--ink);padding:6px 8px;animation:.4s cubic-bezier(.3,1.6,.5,1) both pop;position:absolute;top:-10px;right:-10px;transform:rotate(8deg)}.quest__toast{z-index:5;white-space:nowrap;background:var(--ink);color:var(--pencil-yellow);border-radius:6px;padding:10px 14px;font-size:.7rem;animation:.35s cubic-bezier(.3,1.6,.5,1) both pop;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}@keyframes pop{0%{transform:translateX(var(--tx,0)) scale(.4) rotate(8deg);opacity:0}}.quest__toast{--tx:-50%}.postit{background:var(--postit);clip-path:polygon(0 0,100% 0,100% 96%,94% 100%,0 100%);padding:26px 24px 22px;position:relative;transform:rotate(.6deg);box-shadow:0 1px #e9da7e,0 14px 24px #0000002e}.quest__lives{gap:6px;margin-bottom:8px;display:flex}.life{opacity:.22;filter:grayscale();transition:opacity .3s,filter .3s,transform .3s}.life--on{opacity:1;filter:none;transform:scale(1.12)}.postit__product{margin:0;font-size:1.7rem;line-height:1.1}.postit__price{justify-content:space-between;align-items:baseline;margin:6px 0 4px;display:flex}.postit__price strong{font-size:2.2rem}.postit__qty{font-family:var(--font-hand);font-size:1.3rem}.postit__features{margin:0 0 14px;padding-left:20px;font-size:.95rem}.field{gap:4px;margin-bottom:14px;display:grid}.field__label{font-size:1.3rem}.field input{font:inherit;border:2px solid var(--ink);background:#fff;border-radius:8px;padding:11px 12px}.field input:focus{outline:3px solid var(--pencil-blue);outline-offset:1px}.field__help{color:var(--ink-soft);font-size:.85rem}.field__help--err{color:#b42318;font-weight:700}.bump{cursor:pointer;border:3px dashed var(--pencil-red);background:#fff;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px;transition:background .2s,border-color .2s;display:flex}.bump--on{background:#fff7f7;border-style:solid}.bump input{width:22px;height:22px;accent-color:var(--pencil-red);flex:none;margin-top:4px}.bump>span{gap:2px;display:grid}.bump__tag{color:var(--pencil-red);font-size:.55rem}.bump__title{font-size:1.3rem;line-height:1.15}.bump__price strong{font-size:1.15rem}.bump__price s{color:var(--ink-soft)}.bump__note{color:var(--ink-soft);font-size:.78rem}.consent{color:var(--ink-soft);cursor:pointer;align-items:flex-start;gap:8px;font-size:.82rem;display:flex}.consent input{margin-top:4px}.pay-methods{text-align:center;color:var(--ink-soft);margin:8px 0 0;font-size:.82rem}.standalone{border:2px dashed var(--ink-soft);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:40px;padding:16px 20px;display:flex}.standalone p{margin:0}.standalone__title{width:100%;font-size:1.35rem}.faq{gap:4px;display:grid}.faq__item{border-bottom:2px dashed var(--rule);padding:8px 0}.faq__item summary{cursor:pointer;font-size:1.4rem;list-style:none}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:before{content:"+ ";color:var(--pencil-blue)}.faq__item[open] summary:before{content:"− "}.faq__item p{color:var(--ink-soft);margin:6px 0 4px}.footer{text-align:center;color:var(--ink-soft);padding:36px 0 12px;font-size:.85rem}.footer p{margin:4px 0}.footer__brand{color:var(--ink);font-size:1.6rem}.footer a{color:inherit}.footer__small{opacity:.7}.sound-toggle{z-index:40;border:3px solid var(--ink);width:52px;height:52px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;place-items:center;display:grid;position:fixed;bottom:16px;right:16px;box-shadow:3px 4px #00000040}.sound-toggle--on{background:var(--pencil-yellow)}.float-cta{z-index:39;display:none;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.float-cta--hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.float-cta{transition:opacity .25s,transform .25s}.thanks{margin-top:24px;overflow:hidden}.thanks__head{text-align:center}.thanks__head .section-lead{margin-left:auto;margin-right:auto}.thanks__kicker{color:var(--pencil-green);align-items:center;gap:10px;font-size:.8rem;display:inline-flex}.thanks__back{text-align:center;margin-top:36px}.demo-note{background:#fff3a8;border-radius:6px;padding:6px 12px;font-size:.9rem;display:inline-block}.confetti{pointer-events:none;z-index:30;position:fixed;inset:0;overflow:hidden}.confetti span{width:10px;height:10px;animation:linear both fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(540deg)}}@media (width<=760px){:root{--margin-x:34px}body{font-size:17px}.notebook{width:calc(100% - 16px);padding:12px 16px 12px calc(var(--margin-x) + 12px)}.notebook:before{transform-origin:0 0;left:6px;transform:scale(.75)}.cover__board{padding:48px 20px 32px}.gallery{grid-template-columns:1fr;gap:32px}.steps{grid-template-columns:1fr}.steps__arrow{display:none}.quest__grid{grid-template-columns:1fr}.quest__stack{aspect-ratio:1000/1250;min-height:0}.quest__card{width:84%}.quest__card--1{top:33%;left:13%}.quest__card--2{top:66%;left:3%}.cover__sticker--b{top:6%;bottom:auto;left:7%}.cover__sticker--c{display:none}.quest__badge{right:4px}.float-cta{display:inline-flex;bottom:16px;left:16px;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.write-on{clip-path:none}}