.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;border:0;appearance:none;background:transparent;z-index:50;pointer-events:none}.scroll-progress::-webkit-progress-bar{background:transparent}.scroll-progress::-webkit-progress-value{background:#e33843}.scroll-progress::-moz-progress-bar{background:#e33843}.brand img{transition:transform .3s}.brand:hover img{transform:rotate(-9deg) scale(1.08)}.button{transition:background .18s,color .18s,transform .18s,box-shadow .18s}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(3px);box-shadow:none}.table-action{transition:transform .2s,background .2s}.table-action:hover{transform:rotate(8deg);background:#ffe3a3}.product-feature .pass-art,.product-feature .record-art,.product-feature .ledger-art{transition:transform .4s}.product-feature:hover .pass-art{transform:rotate(3deg) translateY(-5px)}.product-feature:hover .record-art{transform:rotate(-2deg) translateY(-5px)}.product-feature:hover .ledger-art{transform:rotate(-3deg) translateY(-5px)}.scroll-cue{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}.scroll-cue b{display:grid;place-items:center;border-radius:50%;font-size:20px;font-weight:400}.back-top{position:fixed;bottom:23px;right:23px;height:46px;width:46px;display:grid;place-items:center;border-radius:50%;z-index:9;font-size:20px;transition:transform .2s}.back-top:hover{transform:translateY(-4px)}.back-top[hidden]{display:none}
@keyframes rise-in{from{opacity:0;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}
@keyframes happy-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(1deg)}}
@keyframes sun-turn{0%,100%{transform:rotate(15deg)}50%{transform:rotate(27deg)}}
@keyframes sticker-wave{0%,100%{transform:rotate(10deg)}50%{transform:rotate(5deg)}}
@keyframes cue-bounce{0%,65%,100%{transform:translateY(0)}80%{transform:translateY(4px)}}
html[data-motion=on] .joy-copy{animation:rise-in .7s .08s both}
html[data-motion=on] .hero-mascot{animation:happy-float 4.5s ease-in-out 1}
html[data-motion=on] .star-one{animation:sun-turn 4s ease-in-out 1}
html[data-motion=on] .hero-sticker{animation:sticker-wave 4s ease-in-out 1}
html[data-motion=on] .scroll-cue b{animation:cue-bounce 3s ease-in-out 1}
html[data-motion=on] .journey-value{animation:rise-in .3s both}
html[data-motion=on] .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}
html[data-motion=on] .reveal.is-visible,html[data-motion=on] .reveal:focus-within{opacity:1;transform:none}
html[data-motion=on] .product-feature:nth-child(2){transition-delay:.07s}html[data-motion=on] .product-feature:nth-child(3){transition-delay:.14s}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}html[data-motion=off] .reveal{opacity:1;transform:none}
.tab-hidden *,.tab-hidden *:before,.tab-hidden *:after,.motion-outside *{animation-play-state:paused!important}
@media(max-width:600px){.back-top{width:41px;height:41px;bottom:17px;right:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}html{scroll-behavior:auto}}