.backdrop-gradient{background:linear-gradient(135deg, var(--bg-1) 0%, var(--bg-2) 18%, var(--bg-3) 36%, var(--bg-4) 50%, var(--bg-3) 64%, var(--bg-2) 82%, var(--bg-1) 100%);will-change:transform;animation:30s ease-in-out infinite alternate backdrop-drift;position:absolute;inset:-100%}@keyframes backdrop-drift{0%{transform:translate(-22%,-18%)}to{transform:translate(8%,12%)}}.backdrop-blob{background:radial-gradient(circle at center, var(--blob) 0%, transparent 68%);opacity:.45;will-change:transform;animation:blob-wander var(--dur) ease-in-out infinite alternate;border-radius:9999px;position:absolute}@keyframes blob-wander{0%{transform:translate(0,0)scale(1)}33%{transform:translate(12vmax,6vmax)scale(1.12)}66%{transform:translate(-6vmax,12vmax)scale(.92)}to{transform:translate(8vmax,-8vmax)scale(1.05)}}.backdrop-dots{transform:translate3d(calc(var(--px,0) * -10px), calc(var(--py,0) * -10px), 0);background-image:radial-gradient(circle at 8px 8px,#ffffff29 1.5px,#0000 0);background-size:26px 26px;transition:transform .9s ease-out;position:absolute;inset:-40px}.hero-land{animation:.55s cubic-bezier(.34,1.56,.64,1) both hero-land,.6s ease-in-out 1.55s hero-wiggle}@keyframes hero-land{0%{opacity:0;transform:scale(.6)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes hero-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}50%{transform:rotate(3deg)}75%{transform:rotate(-2deg)}}.wordmark-ink{clip-path:inset(0 100% 0 0);animation:1.1s cubic-bezier(.55,0,.35,1) .4s forwards wordmark-write}@keyframes wordmark-write{to{clip-path:inset(0)}}.wordmark-pen{opacity:0;pointer-events:none;width:30px;height:30px;animation:1.1s cubic-bezier(.55,0,.35,1) .4s forwards pen-write,.35s ease-in 1.5s forwards pen-leave;position:absolute;top:-2px;left:0}@keyframes pen-write{0%{opacity:1;left:0;transform:translate(-6px,4px)rotate(0)}25%{transform:translate(-6px,-2px)rotate(-8deg)}50%{transform:translate(-6px,6px)rotate(6deg)}75%{transform:translate(-6px,-1px)rotate(-6deg)}to{opacity:1;left:100%;transform:translate(-6px,3px)rotate(0)}}@keyframes pen-leave{0%{opacity:1}to{opacity:0;left:100%;transform:translate(10px,-18px)rotate(25deg)}}.laugh-underline{fill:none;width:112%;height:12px;stroke:var(--brand-yellow);stroke-width:6px;stroke-linecap:round;position:absolute;bottom:-9px;left:-6%;overflow:visible}.laugh-underline path{stroke-dasharray:1 1;stroke-dashoffset:1px;animation:.6s ease-out 1.6s forwards doodle-draw}.create-btn{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow 80ms}.create-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)scale(1.04,.9)}.create-scribble{fill:none;stroke:#fff9;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;width:calc(100% - 24px);height:calc(100% - 12px);position:absolute;inset:6px 12px}.create-scribble path{stroke-dasharray:1 1;stroke-dashoffset:1px;transition:stroke-dashoffset .45s ease-out}.create-btn:hover .create-scribble path{stroke-dashoffset:0}.feature-card{transform:rotate(var(--tilt));transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.feature-card:hover{box-shadow:8px 8px 0 var(--ink);transform:rotate(0)translate(-2px,-2px)}.feature-icon{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.icon-draw-line,.icon-words-line{stroke-dasharray:1 1;stroke-dashoffset:0}.feature-card:hover .icon-draw-line{animation:.7s ease-out icon-redraw}.feature-card:hover .icon-draw-pencil{animation:.7s ease-in-out icon-pencil}.feature-card:hover .icon-words-line{animation:.35s ease-out both icon-redraw}.feature-card:hover .icon-words-line.l2{animation-delay:.2s}.feature-card:hover .icon-words-line.l3{animation-delay:.4s}@keyframes icon-redraw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes icon-pencil{0%,to{transform:translate(0)}30%{transform:translate(-5px,2px)rotate(-6deg)}65%{transform:translate(4px,-1px)rotate(4deg)}}.icon-lock-shackle{transform-box:fill-box;transform-origin:100% 100%;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.feature-card:hover .icon-lock-shackle{transform:translateY(-4px)rotate(-24deg)}.feature-card:hover .icon-bolt{animation:.55s step-end icon-flicker}@keyframes icon-flicker{0%{opacity:1}15%{opacity:.2}30%{opacity:1}45%{opacity:.35}60%{opacity:1}}@media (prefers-reduced-motion:reduce){.backdrop-gradient,.backdrop-blob,.hero-land,.feature-card:hover .icon-draw-line,.feature-card:hover .icon-draw-pencil,.feature-card:hover .icon-words-line,.feature-card:hover .icon-bolt{animation:none}.wordmark-ink{clip-path:none;animation:none}.wordmark-pen{display:none}.backdrop-dots{transition:none;transform:none}.laugh-underline path{stroke-dashoffset:0;animation:none}.create-scribble path,.feature-card,.icon-lock-shackle{transition:none}}