:root{--cream: #f7efe6;--cream-deep: #f0e4d6;--ink: #26211f;--ink-soft: #57504b;--blush: #f4b9a5;--blush-soft: #fbdccf;--lavender: #b3a0db;--lavender-deep: #8e77c4;--butter: #f6d9a9;--white: #fffdf9;--font-display: "Baloo 2", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--radius-blob: 28px;--radius-pill: 999px;--shadow-soft: 0 10px 30px rgba(38, 33, 31, .08);--squish: cubic-bezier(.34, 1.56, .64, 1);--max-width: 1120px}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);line-height:1.1;margin:0}p{margin:0}a{color:inherit}img{max-width:100%;display:block}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--cream);padding:.6rem 1.2rem;border-radius:0 0 12px;z-index:100}.skip-link:focus{left:0}:focus-visible{outline:3px solid var(--lavender-deep);outline-offset:3px;border-radius:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--cream);background:var(--ink);border:3px solid var(--ink);border-radius:var(--radius-pill);padding:.7rem 1.6rem;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .25s var(--squish),background-color .2s ease,color .2s ease}.btn:hover{transform:scale(1.04,.96)}.btn:active{transform:scale(.94,.88)}.btn--ghost{background:transparent;color:var(--ink)}.btn--ghost:hover{background:var(--blush-soft)}.btn--small{font-size:.95rem;padding:.45rem 1.1rem;border-width:2.5px}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.7rem clamp(1rem,4vw,2.5rem);background:color-mix(in srgb,var(--cream) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px dashed color-mix(in srgb,var(--lavender) 45%,transparent)}.nav__brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}.nav__logo{border-radius:10px}.nav__wordmark{font-family:var(--font-display);font-weight:800;font-size:1.35rem}.nav__links{display:flex;gap:clamp(.8rem,2.5vw,1.8rem);font-weight:700;font-size:.98rem}.nav__links a{text-decoration:none;padding:.3rem .2rem;border-bottom:3px solid transparent;transition:border-color .2s ease}.nav__links a:hover{border-bottom-color:var(--blush)}.nav__actions{display:flex;align-items:center;gap:.8rem}.lang-toggle{display:inline-flex;border:2.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--white);padding:2px;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:.85rem}.lang-toggle__opt{padding:.2rem .65rem;border-radius:var(--radius-pill);color:var(--ink-soft)}.lang-toggle__opt.is-active{background:var(--lavender);color:var(--ink)}.hero{max-width:var(--max-width);margin:0 auto;padding:clamp(2.5rem,6vw,5rem) clamp(1rem,4vw,2.5rem) clamp(2rem,5vw,4rem);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,4rem);align-items:center}.eyebrow{font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;color:var(--lavender-deep);margin-bottom:.9rem}.hero__title{font-size:clamp(2.6rem,5.2vw,4.4rem);font-weight:800;letter-spacing:-.01em}.squish-word{font-style:normal;display:inline-block;color:var(--ink);background:var(--blush);border-radius:18px;padding:0 .35em;transform-origin:50% 85%;animation:squish-idle 3.2s ease-in-out infinite}.squish-word:hover{animation:squish-boing .7s var(--squish)}@keyframes squish-idle{0%,55%,to{transform:scale(1)}8%{transform:scale(1.22,.76)}20%{transform:scale(.88,1.14)}32%{transform:scale(1.08,.94)}42%{transform:scale(.97,1.03)}}@keyframes squish-boing{0%{transform:scale(1.25,.7)}to{transform:scale(1)}}.hero__sub{margin-top:1.3rem;font-size:1.18rem;color:var(--ink-soft);max-width:34rem}.hero__cta{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.hero__fineprint{margin-top:1rem;font-size:.92rem;color:var(--ink-soft)}.appstore-badge{display:inline-flex;align-items:center;gap:.7rem;background:var(--ink);color:var(--cream);border-radius:16px;padding:.55rem 1.2rem;text-decoration:none;border:3px solid var(--ink);cursor:pointer;font:inherit;transition:transform .25s var(--squish)}.appstore-badge:hover{transform:scale(1.04,.96)}.appstore-badge:active{transform:scale(.94,.9)}.appstore-badge__apple{width:26px;height:26px;fill:var(--cream)}.appstore-badge__text{display:flex;flex-direction:column;line-height:1.15}.appstore-badge__text small{font-size:.7rem;opacity:.85}.appstore-badge__text strong{font-family:var(--font-display);font-size:1.15rem}.hero__stage{display:flex;flex-direction:column;align-items:center;gap:.9rem;min-width:0}.jelly-frame{position:relative;width:min(100%,520px);aspect-ratio:1 / 1}.jelly-frame__dash{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;width:calc(100% + 48px);height:calc(100% + 48px);fill:none;stroke:var(--lavender);stroke-width:1.1;stroke-linecap:round;stroke-dasharray:3.2 2.6;pointer-events:none}@media(prefers-reduced-motion:no-preference){.jelly-frame__dash rect{animation:dash-crawl 26s linear infinite}}@keyframes dash-crawl{to{stroke-dashoffset:-100}}#jellyCanvas{width:100%;height:100%;display:block;border-radius:var(--radius-blob);touch-action:none;cursor:grab}#jellyCanvas.is-grabbing{cursor:grabbing}.jelly-frame__fallback{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-blob);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50% 88%;transition:transform .35s var(--squish)}.jelly-frame:hover .jelly-frame__fallback:not([hidden]){transform:scale(1.05,.94)}.jelly-frame:active .jelly-frame__fallback:not([hidden]){transform:scale(1.14,.82)}.jelly-hint{display:flex;align-items:center;gap:.5rem;margin-top:16px;font-family:var(--font-display);font-weight:700;color:var(--lavender-deep);font-size:1rem;transition:opacity .6s ease}.jelly-hint.is-hidden{opacity:0}@media(prefers-reduced-motion:no-preference){.jelly-hint__finger{display:inline-block;animation:poke 1.6s ease-in-out infinite}}@keyframes poke{0%,to{transform:translateY(0)}30%{transform:translateY(-6px) rotate(-8deg)}}.section{max-width:var(--max-width);margin:0 auto;padding:clamp(3rem,7vw,5.5rem) clamp(1rem,4vw,2.5rem)}.section__title{font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:800}.section__lede{margin-top:.9rem;font-size:1.12rem;color:var(--ink-soft);max-width:40rem}.steps{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;counter-reset:step}.steps__item{background:var(--white);border:3px solid var(--ink);border-radius:var(--radius-blob);padding:1.6rem 1.5rem 1.7rem;box-shadow:var(--shadow-soft);transition:transform .3s var(--squish)}.steps__item:hover{transform:scale(1.02,.98) rotate(-.4deg)}.steps__num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-family:var(--font-display);font-weight:800;font-size:1.3rem;border:3px solid var(--ink);margin-bottom:1rem}.steps__item:nth-child(1) .steps__num{background:var(--blush)}.steps__item:nth-child(2) .steps__num{background:var(--lavender)}.steps__item:nth-child(3) .steps__num{background:var(--butter)}.steps__item h3{font-size:1.3rem;margin-bottom:.5rem}.steps__item p{color:var(--ink-soft);font-size:1rem}.section--mochi{position:relative}.dials{margin-top:2.5rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}.dial{background:var(--white);border-radius:var(--radius-blob);border:2px dashed var(--lavender);padding:1.5rem 1.3rem;text-align:center;transition:border-color .25s ease,transform .3s var(--squish)}.dial:hover{border-color:var(--lavender-deep);transform:translateY(-4px)}.dial h3{font-size:1.15rem;margin-top:1rem}.dial p{margin-top:.4rem;font-size:.95rem;color:var(--ink-soft)}.dial__cat{display:block;width:104px;height:104px;margin:0 auto;padding:5px;border:3px solid var(--ink);border-radius:42% 58% 54% 46%/52% 44% 56% 48%;transform-origin:50% 92%;overflow:hidden}.dial__cat img{width:100%;height:100%;object-fit:cover;border-radius:inherit;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.dial__cat--bounce{background:var(--blush)}.dial__cat--damp{background:var(--lavender)}.dial__cat--strength{background:var(--butter)}.dial__cat--soft{background:var(--blush-soft)}@media(prefers-reduced-motion:no-preference){.dial__cat--bounce{animation:cat-boing 1.6s ease-in-out infinite}.dial__cat--damp{animation:cat-settle 3.4s ease-out infinite}.dial__cat--strength{animation:cat-stretch 2.6s ease-in-out infinite}.dial__cat--soft{animation:cat-melt 3.6s ease-in-out infinite}}@keyframes cat-boing{0%,60%,to{transform:scale(1)}10%{transform:scale(1.3,.68)}25%{transform:scale(.78,1.26)}38%{transform:scale(1.16,.88)}50%{transform:scale(.94,1.06)}}@keyframes cat-settle{0%{transform:scale(1.38,.62)}11%{transform:scale(.76,1.26)}22%{transform:scale(1.18,.86)}33%{transform:scale(.92,1.08)}43%{transform:scale(1.04,.97)}52%,to{transform:scale(1)}}@keyframes cat-stretch{0%,85%,to{transform:scale(1)}35%{transform:scale(1.55,.6)}52%{transform:scale(.76,1.28)}67%{transform:scale(1.12,.92)}}@keyframes cat-melt{0%,to{border-radius:42% 58% 54% 46%/52% 44% 56% 48%;transform:scale(1)}33%{border-radius:64% 36% 38% 62%/36% 64% 40% 60%;transform:scale(1.1,.9)}66%{border-radius:36% 64% 60% 40%/62% 38% 60% 40%;transform:scale(.92,1.08)}}.features{margin-top:2.5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.feature{background:var(--white);border:3px solid var(--ink);border-radius:var(--radius-blob);padding:1.6rem 1.5rem;box-shadow:var(--shadow-soft);transition:transform .3s var(--squish)}.feature:hover{transform:scale(1.02,.98)}.feature__icon{width:52px;height:52px;margin-bottom:.9rem}.ico-stroke{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ico-dashed{stroke-dasharray:4 5}.ico-dot{fill:var(--ink)}.ico-fill-blush{fill:var(--blush);stroke:none}.ico-fill-lav{fill:var(--lavender);stroke:none}.ico-fill-butter{fill:var(--butter);stroke:none}.feature h3{font-size:1.2rem;margin-bottom:.45rem}.feature p{color:var(--ink-soft);font-size:.98rem}.plans{margin-top:2.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;max-width:56rem}.plan{background:var(--white);border:3px solid var(--ink);border-radius:var(--radius-blob);padding:2rem 1.8rem;display:flex;flex-direction:column;box-shadow:var(--shadow-soft)}.plan--pro{background:linear-gradient(160deg,var(--white) 55%,var(--blush-soft));position:relative}.plan--pro:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border:2px dashed var(--lavender);border-radius:calc(var(--radius-blob) + 10px);pointer-events:none}.plan__name{font-size:1.35rem}.plan__price{font-family:var(--font-display);font-weight:800;font-size:2rem;margin:.7rem 0 1.1rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.55rem}.plan__price small{font-size:1rem;font-weight:700;color:var(--ink-soft)}.plan__or{font-size:1rem;font-weight:600;color:var(--ink-soft)}.plan__note{display:inline-block;align-self:flex-start;margin:-.3rem 0 1.3rem;padding:.3rem .8rem;font-family:var(--font-display);font-weight:700;font-size:.9rem;color:var(--ink);background:var(--butter);border:2px solid var(--ink);border-radius:var(--radius-pill)}.plan__list{list-style:none;margin:0 0 1.6rem;padding:0;display:grid;gap:.55rem;color:var(--ink-soft)}.plan__list li{padding-left:1.7rem;position:relative}.plan__list li:before{content:"";position:absolute;left:0;top:.42em;width:12px;height:12px;border-radius:45% 55% 50% 50%/55% 45%;background:var(--blush);border:2px solid var(--ink)}.plan--pro .plan__list li:before{background:var(--lavender)}.plan__cta{margin-top:auto;align-self:flex-start}.section--waitlist{padding-bottom:clamp(4rem,8vw,6rem)}.waitlist-card{background:var(--cream-deep);border-radius:40px;padding:clamp(2.5rem,6vw,4rem);text-align:center;display:flex;flex-direction:column;align-items:center}.waitlist-card .section__lede{margin-left:auto;margin-right:auto}.waitlist-card__logo{border-radius:18px;margin-bottom:1.2rem}.waitlist-card__cta{margin-top:1.8rem;font-size:1.15rem;padding:.85rem 2.2rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#26211f73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal__card{position:relative;z-index:1;width:min(100%,26rem);background:var(--white);border:3px solid var(--ink);border-radius:var(--radius-blob);box-shadow:var(--shadow-soft);padding:2.4rem 2rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center}@media(prefers-reduced-motion:no-preference){.modal:not([hidden]) .modal__card{animation:modal-pop .45s var(--squish)}}@keyframes modal-pop{0%{transform:scale(.6,.7);opacity:0}to{transform:scale(1);opacity:1}}.modal__close{position:absolute;top:.6rem;right:.8rem;width:2rem;height:2rem;border:none;background:transparent;color:var(--ink-soft);font-size:1.7rem;line-height:1;cursor:pointer;border-radius:50%}.modal__close:hover{background:var(--blush-soft);color:var(--ink)}.modal__logo{border-radius:20px;margin-bottom:1.1rem}.modal__title{font-size:1.7rem;font-weight:800}.modal__text{margin-top:.6rem;color:var(--ink-soft);font-size:1.05rem}.modal__ok{margin-top:1.6rem}.nav__back{font-family:var(--font-display);font-weight:700;font-size:.95rem;text-decoration:none;color:var(--ink-soft);border-bottom:3px solid transparent;transition:border-color .2s ease,color .2s ease}.nav__back:before{content:"← "}.nav__back:hover{color:var(--ink);border-bottom-color:var(--blush)}.tutorial{max-width:60rem;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}.tut-hero{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(1.5rem,4vw,2.5rem)}.tut-hero__title{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;margin-top:.4rem}.tut-section{padding:clamp(2rem,4vw,3rem) 0;border-top:2px dashed color-mix(in srgb,var(--lavender) 40%,transparent)}.tut-section__eyebrow{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--lavender-deep);margin-bottom:1.6rem}.tut-step{display:grid;grid-template-columns:300px 1fr;gap:clamp(1.2rem,3vw,2.4rem);align-items:center;margin-bottom:1.8rem}.tut-step:last-child{margin-bottom:0}.tut-step__body h2{font-size:1.4rem;margin-bottom:.5rem}.tut-step__body p{color:var(--ink-soft);font-size:1.05rem}.tut-step__body strong{color:var(--ink);font-weight:700}.tut-shot{margin:0}.tut-shot img{width:100%;border:3px solid var(--ink);border-radius:var(--radius-blob);box-shadow:var(--shadow-soft);display:block}.tut-shot__ph{aspect-ratio:4 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:2.5px dashed var(--lavender);border-radius:var(--radius-blob);background:var(--white);color:var(--ink-soft)}.tut-shot__ph span{font-size:1.8rem;opacity:.7}.tut-shot__ph code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem;color:var(--lavender-deep)}.tut-knobs{display:grid;grid-template-columns:340px 1fr;gap:clamp(1.2rem,3vw,2.4rem);align-items:start;margin-top:2.4rem;padding:clamp(1.4rem,3vw,2rem);background:var(--cream-deep);border-radius:var(--radius-blob)}.tut-shot--wide .tut-shot__ph{aspect-ratio:1 / 1}.tut-knobs__body h2{font-size:1.4rem;margin-bottom:.4rem}.tut-knobs__lede{color:var(--ink-soft);margin-bottom:1.2rem}.knob-list{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.knob{display:flex;gap:.8rem;align-items:flex-start}.knob__dot{flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;border:2px solid color-mix(in srgb,var(--ink) 55%,transparent)}.knob__dot--rotate{background:var(--lavender-deep)}.knob__dot--anchor{background:var(--blush);border-color:color-mix(in srgb,var(--white) 90%,transparent)}.knob__dot--size{background:var(--butter)}.knob__dot--move{background:var(--white)}.knob strong{display:block;font-family:var(--font-display);font-size:1rem}.knob span{color:var(--ink-soft);font-size:.98rem}.legal{max-width:46rem;margin:0 auto;padding:clamp(2.5rem,6vw,4rem) clamp(1rem,4vw,2.5rem) clamp(3rem,7vw,5rem)}.legal__title{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;margin-top:.4rem}.legal__updated{color:var(--ink-soft);font-size:.95rem;margin-top:.5rem}.legal__summary{margin:1.8rem 0 .5rem;padding:1.2rem 1.4rem;background:var(--cream-deep);border:2px dashed var(--lavender);border-radius:var(--radius-blob);font-size:1.05rem}.legal h2{font-size:1.4rem;font-weight:800;margin-top:2.2rem;margin-bottom:.6rem}.legal p{color:var(--ink-soft);margin-top:.6rem}.legal ul{color:var(--ink-soft);margin:.6rem 0 0;padding-left:1.3rem;display:grid;gap:.5rem}.legal li{padding-left:.3rem}.legal strong{color:var(--ink);font-weight:700}.legal a{color:var(--lavender-deep);text-decoration:underline;text-underline-offset:2px}.footer{border-top:2px dashed color-mix(in srgb,var(--lavender) 45%,transparent);padding:2rem clamp(1rem,4vw,2.5rem) 2.6rem}.footer__inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;gap:.5rem}.footer__brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:800;font-size:1.1rem}.footer__brand img{border-radius:7px}.footer__links{display:flex;gap:1.2rem;margin:.2rem 0}.footer__links a{font-family:var(--font-display);font-weight:700;font-size:.92rem;color:var(--ink-soft);text-decoration:none;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.footer__links a:hover{color:var(--ink);border-bottom-color:var(--blush)}.footer__note,.footer__legal{color:var(--ink-soft);font-size:.92rem}.footer__legal{font-size:.82rem;opacity:.8}@media(max-width:960px){.hero{grid-template-columns:1fr}.hero__stage{order:-1}.jelly-frame{width:min(100%,420px)}.dials,.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.nav__links{display:none}.tut-step,.tut-knobs{grid-template-columns:1fr}.tut-shot__ph{aspect-ratio:16 / 10}.steps,.features,.plans,.dials{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.squish-word,.btn,.appstore-badge,.steps__item,.feature,.dial{animation:none!important;transition:none!important}}
