:root{--paper:#f4ecdc;--paper-2:#fbf7ee;--ink:#1d1a16;--muted:#5d5548;--tomato:#e8472b;--yellow:#ffd23f;--blue:#2a6fdb;--pink:#f7c6d9;--green:#3bb273;--kraft:#cfa874;--radius:4px;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .18 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--torn-bottom:polygon(0 0, 100% 0, 100% 92%, 96% 96%, 91% 93%, 86% 98%, 80% 94%, 74% 97%, 67% 93%, 61% 98%, 55% 94%, 48% 97%, 42% 93%, 35% 98%, 29% 94%, 22% 97%, 16% 93%, 10% 98%, 4% 94%, 0 97%);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background-color:var(--paper);background-image:var(--grain);min-height:100vh;margin:0}a{color:inherit}button,input,select{font:inherit}img,canvas{max-width:100%}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border:2px solid var(--ink);border-radius:var(--radius);cursor:pointer;background:var(--paper-2);color:var(--ink);box-shadow:3px 3px 0 var(--ink);justify-content:center;align-items:center;gap:.4em;padding:.6em 1.1em;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover:not(:disabled){box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)rotate(-.6deg)}.btn:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.tabs button:focus-visible,.seg button:focus-visible,.swatch:focus-visible{outline:3px dashed var(--blue);outline-offset:3px}.btn-ink{background:var(--ink);color:var(--paper-2);box-shadow:3px 3px 0 var(--tomato)}.btn-ink:hover:not(:disabled){box-shadow:5px 5px 0 var(--tomato)}.btn-tomato{background:var(--tomato);color:#fff8ec}.btn-ghost{background:0 0}.btn-lg{padding:.8em 1.4em;font-size:1.08rem}.btn-small{box-shadow:2px 2px 0 var(--ink);padding:.4em .8em;font-size:.85rem}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.nav{z-index:10;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:2px dashed #1d1a1640;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.nav nav{gap:1.4rem;font-weight:600;display:flex}.nav nav a{border-bottom:3px solid #0000;padding:.2em 0;text-decoration:none}.nav nav a.active,.nav nav a:hover{border-color:var(--tomato)}.logo{font-family:Abril Fatface,Georgia,serif;font-size:1.6rem;line-height:1;text-decoration:none;display:inline-flex}.logo.small{margin-bottom:.5rem;font-size:1.3rem}.logo-l{margin:0 1px;padding:.05em .12em;display:inline-block}.logo-l.l0{background:var(--ink);color:var(--paper-2);transform:rotate(-4deg)}.logo-l.l1{background:var(--yellow);font-family:Special Elite,monospace;transform:rotate(3deg)translateY(2px)}.logo-l.l2{background:var(--paper-2);border:1px solid #00000026;transform:rotate(-2deg)}.logo-l.l3{background:var(--tomato);color:#fff;font-family:Archivo Black,sans-serif;transform:rotate(5deg)}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,4rem);max-width:1280px;margin:0 auto;padding:clamp(2rem,6vw,5rem) clamp(1rem,5vw,4rem) 3rem;display:grid}.kicker{color:var(--muted);margin:0 0 .6rem;font-family:Caveat,cursive;font-size:1.5rem}.tape{text-transform:uppercase;letter-spacing:.08em;color:var(--ink);background:#ffd23fbf;margin-right:.3em;padding:.05em .6em;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;display:inline-block;transform:rotate(-3deg)}.hero-title{letter-spacing:-.01em;margin:0 0 1.2rem;font-family:Abril Fatface,Georgia,serif;font-size:clamp(2.6rem,6.2vw,5.2rem);font-weight:400;line-height:.98}.hl{background:var(--paper-2);clip-path:polygon(0 4%,6% 0,50% 3%,94% 0,100% 6%,98% 50%,100% 95%,92% 100%,50% 97%,6% 100%,0 94%,2% 50%);padding:0 .15em;display:inline-block;transform:rotate(-2deg);box-shadow:4px 5px #0000001f}.hl-2{background:var(--tomato);color:#fff8ec;clip-path:polygon(1% 3%,30% 0,70% 4%,99% 0,100% 50%,98% 97%,60% 100%,20% 96%,0 100%,2% 50%);padding:0 .15em;display:inline-block;transform:rotate(1.5deg)}.lede{color:var(--muted);max-width:34em;margin:0 0 1.8rem;font-size:1.15rem;line-height:1.6}.badges{flex-wrap:wrap;gap:.6rem;margin:1.6rem 0 0;padding:0;list-style:none;display:flex}.badges li{background:var(--paper-2);border:1px dashed var(--muted);padding:.25em .7em;font-family:Special Elite,monospace;font-size:.9rem}.badges li:nth-child(2){transform:rotate(-1.5deg)}.badges li:nth-child(3){transform:rotate(1deg)}.hero-art{place-items:center;min-height:440px;display:grid;position:relative}.hero-board{background:var(--kraft) var(--grain);border-radius:2px;width:min(100%,520px);padding:1.2rem 1.2rem 2.4rem;position:relative;transform:rotate(1.5deg);box-shadow:0 18px 40px #3c280a40,inset 0 0 0 1px #00000014}.hero-canvas{aspect-ratio:1/1.15;object-fit:contain;width:100%;height:auto;display:block}.hero-canvas.placeholder{background:#ffffff1a}.scribble{color:#3b2a12;margin:0;font-family:Caveat,cursive;font-size:1.35rem;position:absolute;bottom:.4rem;left:1.2rem}.tape-tl,.tape-br{background:#ffffff8c;width:110px;height:30px;margin:0;padding:0;position:absolute;box-shadow:0 1px 2px #0000001a}.tape-tl{top:-12px;left:-24px;transform:rotate(-28deg)}.tape-br{bottom:-10px;right:-26px;transform:rotate(-24deg)}.polaroid{background:var(--paper-2);width:150px;height:170px;padding:10px 10px 34px;position:absolute;box-shadow:0 8px 20px #00000026}.polaroid:after{content:"";width:100%;height:100%;display:block}.p1{top:0;left:-10px;transform:rotate(-12deg)}.p1:after{background:linear-gradient(160deg,#f9c26b,#e8472b 70%,#7d2a63)}.p2{bottom:0;right:-6px;transform:rotate(9deg)}.p2:after{background:radial-gradient(circle at 30% 30%,#bfe3ef,#2a6fdb 75%)}.how{padding:0 1rem 2rem}.how ol{grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1000px;margin:0 auto;padding:1rem;list-style:none;display:grid}.how li{background:var(--paper-2);border:2px solid var(--ink);align-items:center;gap:.7rem;padding:.8rem 1rem;font-weight:600;display:flex}.how li:nth-child(odd){transform:rotate(-1deg)}.how li:nth-child(2n){transform:rotate(1deg)}.how b{color:var(--tomato);font-family:Abril Fatface,serif;font-size:1.6rem;font-weight:400}section{scroll-margin-top:80px}.section-title{text-align:center;margin:0 0 .6rem;font-family:Abril Fatface,Georgia,serif;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:400}.section-title em{color:var(--tomato);font-family:Caveat,cursive;font-size:1.15em;font-style:normal;font-weight:700}.section-sub{text-align:center;color:var(--muted);max-width:36em;margin:0 auto 2rem}.features{background:var(--paper-2) var(--grain);clip-path:var(--torn-bottom);padding:4rem clamp(1rem,5vw,4rem) 6rem}.feature-grid{grid-template-columns:repeat(3,1fr);gap:1.6rem;max-width:1160px;margin:2.4rem auto 0;display:grid}.feature{--tilt:0deg;transform:rotate(var(--tilt));clip-path:polygon(0 2%,8% 0,22% 1.5%,40% 0,58% 1%,75% 0,92% 1.5%,100% 0,99% 25%,100% 50%,98.5% 75%,100% 100%,85% 98.5%,65% 100%,45% 98%,25% 100%,8% 98.5%,0 100%,1.5% 75%,0 50%,1% 25%);padding:1.6rem 1.4rem 1.4rem;transition:transform .2s;position:relative;box-shadow:0 10px 22px #3c280a24}.feature:hover{transform:rotate(0)translateY(-4px)}.feature h3{margin:.8rem 0 .5rem;font-family:Archivo Black,sans-serif;font-size:1.2rem;font-weight:400}.feature p{color:#3e382f;margin:0;line-height:1.55}.feature-icon{background:var(--ink);width:52px;height:52px;color:var(--paper-2);place-items:center;font-family:Abril Fatface,serif;font-size:1.5rem;font-weight:800;display:grid;transform:rotate(-6deg)}.tint-yellow{background:#fff1b8}.tint-pink{background:#fbdbe6}.tint-blue{background:#d9e7fb}.tint-green{background:#d4f0de}.tint-kraft{background:#ead3ad}.tint-white{background:#fffdf8}.letters{padding:4rem clamp(1rem,5vw,4rem)}.letters.standalone{min-height:60vh}.magazine{max-width:1000px;margin:0 auto}.magazine-controls{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:2rem;display:flex}.magazine-controls input{border:2px solid var(--ink);background:var(--paper-2);border-radius:var(--radius);flex:320px;max-width:520px;padding:.7em 1em;font-size:1.05rem}.ransom{background:#2b2620 var(--grain);border-radius:3px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.18em .1em;min-height:180px;padding:2rem 1rem;font-size:clamp(2rem,6vw,4.2rem);line-height:1.15;display:flex;box-shadow:inset 0 0 40px #0006}.ransom-letter{filter:drop-shadow(2px 3px 2px #00000073);font-weight:700;transition:transform .25s;display:inline-block}.ransom-letter:hover{transform:scale(1.12)rotate(0)!important}.ransom-word{flex-wrap:wrap;justify-content:center;gap:.12em;margin:0 .22em;display:inline-flex}.faq{padding:4rem clamp(1rem,5vw,4rem)}.faq-list{gap:.9rem;max-width:820px;margin:2rem auto 0;display:grid}.faq details{background:var(--paper-2);border:2px solid var(--ink);padding:.2rem 1.2rem;box-shadow:4px 4px #1d1a16d9}.faq details:nth-child(2n){transform:rotate(.4deg)}.faq summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:.9rem 0;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--tomato);font-family:Abril Fatface,serif;font-size:1.4rem;line-height:1}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--muted);margin:0 0 1rem;line-height:1.6}.cta{text-align:center;padding:3rem 1rem 5rem}.cta h2{margin:0 0 1.4rem;font-family:Abril Fatface,serif;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:400}.footer{background:var(--ink);color:#e9e1cf;clip-path:polygon(0 4%,5% 0,11% 3%,18% 0,26% 4%,33% 1%,41% 3%,49% 0,57% 4%,64% 1%,72% 3%,80% 0,88% 4%,95% 1%,100% 3%,100% 100%,0 100%);padding:3rem clamp(1rem,5vw,4rem) 2rem}.footer-inner{grid-template-columns:2fr 1fr;align-items:start;gap:1.5rem;max-width:1160px;margin:0 auto;display:grid}.footer nav{flex-direction:column;gap:.5rem;display:flex}.footer nav a{color:#e9e1cf;text-decoration:none}.footer nav a:hover{color:var(--yellow)}.footer .fine{opacity:.7;border-top:1px dashed #fff3;grid-column:1/-1;margin:0;padding-top:1rem;font-size:.85rem}.editor{max-width:1360px;margin:0 auto;padding:2rem clamp(1rem,4vw,3rem) 4rem}.editor-head{text-align:center;margin-bottom:1.6rem}.editor-head p{color:var(--muted);margin:.3rem 0 0}.scrap-title{margin:0;font-family:Abril Fatface,serif;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:400}.scrap-title span{color:var(--tomato);font-family:Caveat,cursive;font-size:.8em}.editor-grid{grid-template-columns:320px 1fr;align-items:start;gap:1.6rem;display:grid}.panel{background:var(--paper-2);border:2px solid var(--ink);padding:1.1rem;box-shadow:5px 5px #1d1a16d9}.controls{gap:1rem;display:grid;position:sticky;top:80px}.controls fieldset{border:1px dashed #1d1a1659;gap:.7rem;margin:0;padding:.7rem .9rem .9rem;display:grid}.controls legend{padding:0 .3rem;font-family:Caveat,cursive;font-size:1.35rem;font-weight:700}.dropzone{border:2px dashed var(--ink);text-align:center;background:repeating-linear-gradient(-45deg,#0000 0 10px,#cfa87426 10px 20px);padding:1rem}.dropzone.over{background:#fff1b8}.dropzone p{margin:0 0 .7rem}.dropzone .row{justify-content:center}.slider{gap:.25rem;font-size:.92rem;font-weight:600;display:grid}.slider-top{justify-content:space-between;display:flex}.slider output{font-family:Special Elite,monospace;font-weight:400}input[type=range]{width:100%;accent-color:var(--tomato)}.check{align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.check input{accent-color:var(--tomato);width:18px;height:18px}.hint{color:var(--muted);margin:0;font-size:.82rem;line-height:1.45}.swatches{gap:.5rem;display:flex}.swatch{cursor:pointer;border:2px solid #1d1a164d;border-radius:50%;width:32px;height:32px;padding:0}.swatch.on{border-color:var(--ink);box-shadow:0 0 0 3px var(--yellow)}.stage-wrap{gap:1rem;min-width:0;display:grid}.tabs{align-items:end;gap:.4rem;display:flex}.tabs button{border:2px solid var(--ink);cursor:pointer;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);background:#e8dcc3;border-bottom:none;padding:.5em 1.1em;font-weight:700}.tabs button.on{background:var(--paper-2)}.busy{color:var(--tomato);margin-left:auto;font-family:Caveat,cursive;font-size:1.2rem}.stage{border:2px solid var(--ink);place-items:center;min-height:480px;padding:1.2rem;display:grid}.stage.bg-transparent{background-color:#fff;background-image:linear-gradient(45deg,#e6e2da 25%,#0000 25%),linear-gradient(-45deg,#e6e2da 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e6e2da 75%),linear-gradient(-45deg,#0000 75%,#e6e2da 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px}.stage.bg-green{background:#00b140}.stage.bg-desk{background:#dcc39a}.stage.bg-white{background:#fff}.stage-canvas{object-fit:contain;width:auto;height:auto;max-height:64vh;display:block}.stage-options{flex-wrap:wrap;gap:.8rem 1.4rem;display:flex}.seg{flex-wrap:wrap;align-items:center;gap:.3rem;display:inline-flex}.seg-label{margin-right:.3rem;font-family:Caveat,cursive;font-size:1.25rem;font-weight:700}.seg button{border:2px solid var(--ink);background:var(--paper-2);cursor:pointer;padding:.3em .75em;font-size:.9rem;font-weight:600}.seg button.on{background:var(--ink);color:var(--paper-2)}.export{gap:.8rem;display:grid}.export select{border:2px solid var(--ink);background:var(--paper-2);border-radius:var(--radius);padding:.55em .7em}.status{min-height:1.2em;margin:0;font-family:Special Elite,monospace;font-size:.9rem}@media (width<=960px){.hero{grid-template-columns:1fr}.hero-art{min-height:0}.polaroid{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.editor-grid{grid-template-columns:1fr}.controls{position:static}.how ol{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.feature-grid{grid-template-columns:1fr}.nav nav{display:none}.footer-inner{grid-template-columns:1fr}.stage{min-height:320px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}