.lq-mark{background:linear-gradient(var(--color-lime), var(--color-lime)) no-repeat 0 82% / 100% .5em;animation:lq-highlight 1s var(--ease-out-expo) .35s both;-webkit-box-decoration-break:clone;box-decoration-break:clone;margin-inline:-.03em;padding-inline:.06em}@keyframes lq-highlight{0%{background-size:0% .5em}}.lq-rise{animation:lq-rise .82s var(--ease-out-expo) var(--lq-delay,0s) both}@keyframes lq-rise{0%{opacity:0;transform:translateY(1.25rem)}}.lq-lift{animation:lq-lift 1.1s var(--ease-out-expo) var(--lq-delay,0s) both}@keyframes lq-lift{0%{transform:translateY(2.5rem)}}.lq-join{animation:lq-join .52s var(--ease-out-expo) var(--lq-delay,0s) both}@keyframes lq-join{0%{opacity:0;transform:scale(.6)}}.lq-spotlight{z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s var(--ease-out-quart);background-image:radial-gradient(var(--color-lime-deep) 2.1px, transparent 2.5px);-webkit-mask-image:radial-gradient(circle 11rem at var(--x,50%) var(--y,50%), var(--color-ink) 0%, transparent 100%);-webkit-mask-image:radial-gradient(circle 11rem at var(--x,50%) var(--y,50%), var(--color-ink) 0%, transparent 100%);mask-image:radial-gradient(circle 11rem at var(--x,50%) var(--y,50%), var(--color-ink) 0%, transparent 100%);background-position:11px 11px;background-size:22px 22px;position:absolute;inset:0}.lq-spotlight[data-on]{opacity:1}@media (min-width:64rem){.lq-hero-visual{--lq-room-top:clamp(2rem, 8%, 6rem)}.lq-edge{top:var(--lq-room-top);width:20rem;position:absolute}.lq-hero-stage{inset:calc(var(--lq-room-top) + 15rem) 0 3rem;position:absolute}.lq-edge,.lq-motion-toggle{right:max(2rem,100% - 40rem)}}.lq-room-loop{--lq-loop:12s}.lq-board-row{transform:translateY(calc(var(--lq-slot,0) * 100%));animation:var(--lq-path) var(--lq-loop) var(--ease-out-quart) infinite}@keyframes lq-path-aiko{0%,30%{transform:translateY(0)}36%,63%{transform:translateY(0)}69%,96%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes lq-path-jonas{0%,30%{transform:translateY(100%)}36%,96%{transform:translateY(200%)}to{transform:translateY(100%)}}@keyframes lq-path-maya{0%,30%{transform:translateY(200%)}36%,63%{transform:translateY(100%)}69%,96%{transform:translateY(0)}to{transform:translateY(200%)}}.lq-board-bar{transform-origin:0;transform:scaleX(var(--lq-bar,.8));animation:var(--lq-grow) var(--lq-loop) var(--ease-out-quart) infinite}@keyframes lq-grow-aiko{0%,to{transform:scaleX(.92)}}@keyframes lq-grow-jonas{0%,30%{transform:scaleX(.84)}36%,to{transform:scaleX(.84)}}@keyframes lq-grow-maya{0%,30%{transform:scaleX(.7)}36%,63%{transform:scaleX(.88)}69%,96%{transform:scaleX(1)}to{transform:scaleX(.7)}}.lq-live{animation:lq-live 1.6s var(--ease-out-quart) infinite}@keyframes lq-live{0%,to{opacity:1}50%{opacity:.35}}.lq-toast{opacity:0;animation:lq-toast var(--lq-loop) var(--ease-out-quart) calc(var(--i) * var(--lq-loop) / 6) infinite}@keyframes lq-toast{0%{opacity:0;transform:translateY(.75rem)}3%{opacity:1;transform:translateY(0)}15%{opacity:1;transform:translateY(0)}18%{opacity:0;transform:translateY(-.375rem)}to{opacity:0;transform:translateY(-.375rem)}}.lq-page:has(#lq-motion:checked) :is(.lq-board-row,.lq-board-bar,.lq-live,.lq-toast){animation-play-state:paused}.lq-pb-tile[data-pb-from]{opacity:.5;transform:rotate(var(--pb-r,0deg))}.lq-pb-fly{pointer-events:none;opacity:0}.lq-pb-flash{opacity:0}.lq-pb[data-stage=ready] .lq-pb-tile[data-pb-from]{opacity:1}.lq-pb[data-stage=ready] :is(.lq-pb-fill,.lq-pb-disc,.lq-pb-caption){opacity:0}.lq-pb[data-stage=ready] .lq-pb-text{opacity:0;transform:translate(-.5rem)}.lq-pb[data-stage=ready] .lq-pb-caption{transform:translateY(.5rem)}.lq-pb[data-stage=play] li{--pb-go:calc(.2s + var(--i,0) * .29s);--pb-land:calc(.82s + var(--i,0) * .29s)}.lq-pb[data-stage=play] .lq-pb-fly{animation:lq-pb-across .72s var(--pb-go) both, lq-pb-down .72s var(--pb-go) both}.lq-pb[data-stage=play] .lq-pb-fly-body{animation:lq-pb-turn .72s var(--pb-go) both}.lq-pb[data-stage=play] .lq-pb-fly-body>.lq-pb-tile{animation:lq-pb-tile-out .72s linear var(--pb-go) both}.lq-pb[data-stage=play] .lq-pb-fly-disc{animation:lq-pb-disc-in .72s linear var(--pb-go) both}@keyframes lq-pb-across{0%,12%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.25,1);translate:0}86%{opacity:1;translate:var(--pb-x,0px) 0}to{opacity:0;translate:var(--pb-x,0px) 0}}@keyframes lq-pb-down{0%{animation-timing-function:var(--ease-out-quart);transform:translateY(0)}12%{animation-timing-function:cubic-bezier(.5,0,.25,1);transform:translateY(-.5rem)}86%,to{transform:translateY(var(--pb-y,0px))}}@media (min-width:64rem){@keyframes lq-pb-across{0%,12%{opacity:1;animation-timing-function:cubic-bezier(.25,.6,.35,1);translate:0}86%{opacity:1;translate:var(--pb-x,0px) 0}to{opacity:0;translate:var(--pb-x,0px) 0}}@keyframes lq-pb-down{0%{animation-timing-function:var(--ease-out-quart);transform:translateY(0)}12%{animation-timing-function:cubic-bezier(.6,0,.35,1);transform:translateY(-.5rem)}86%,to{transform:translateY(var(--pb-y,0px))}}}@keyframes lq-pb-turn{0%{rotate:var(--pb-r,0deg);animation-timing-function:var(--ease-out-quart);scale:1}12%{rotate:var(--pb-r,0deg);animation-timing-function:cubic-bezier(.4,0,.2,1);scale:1.06}40%,to{rotate:none;scale:var(--pb-s,.6)}}@keyframes lq-pb-tile-out{0%,12%{opacity:1}36%,to{opacity:0}}@keyframes lq-pb-disc-in{0%,12%{opacity:0}36%,to{opacity:1}}.lq-pb[data-stage=play] .lq-pb-tile[data-pb-from]{transition:opacity .36s var(--ease-out-quart) calc(var(--pb-go) + .12s)}.lq-pb[data-stage=play] .lq-pb-fill{transition:opacity .16s var(--ease-out-quart) var(--pb-land)}.lq-pb[data-stage=play] .lq-pb-disc{transition:opacity 60ms linear var(--pb-land);animation:lq-pb-hit .38s var(--ease-out-quart) var(--pb-land) both}@keyframes lq-pb-hit{35%{transform:scale(1.14)}}.lq-pb[data-stage=play] .lq-pb-text{transition:transform .42s var(--ease-out-expo) calc(var(--pb-land) + 60ms), opacity .24s var(--ease-out-quart) calc(var(--pb-land) + 60ms)}.lq-pb[data-stage=play] .lq-pb-flash{animation:lq-pb-flash .72s var(--ease-out-quart) var(--pb-land) both}@keyframes lq-pb-flash{0%{opacity:0}14%{opacity:1}to{opacity:0}}.lq-pb[data-stage=play] .lq-pb-code .led-dot[data-on=true]{transition-delay:calc(var(--led-delay,0s) + 2.1s)}.lq-pb[data-stage=play] .lq-pb-caption{transition:opacity .4s var(--ease-out-quart) 2.5s, transform .56s var(--ease-out-expo) 2.5s}.lq-pb[data-stage=ready] .lq-pb-code .led-dot[data-on=true],.lq-step[data-stage=ready] .lq-boot .led-dot[data-on=true]{opacity:.12;transition:none;transform:none}.lq-step[data-stage=ready] .lq-step-line{transform:scaleX(0)}.lq-step[data-stage=play] .lq-step-line{transition:transform var(--lq-step-time,2s) linear}.lq-step:first-child{--lq-step-time:2.4s}.lq-caret{animation:.9s step-end infinite lq-caret}@keyframes lq-caret{50%{opacity:0}}.lq-step[data-stage=play] .lq-generate{animation:lq-press .32s var(--ease-out-quart) 1.35s both}@keyframes lq-press{40%{transform:scale(.92)}}.lq-step[data-stage=ready] .lq-made{opacity:0;transform:translateY(.5rem)}.lq-step[data-stage=play] .lq-made{transition:opacity .3s var(--ease-out-quart) calc(1.55s + var(--n) * .18s), transform .48s var(--ease-out-expo) calc(1.55s + var(--n) * .18s)}.lq-step[data-stage=play] .lq-boot .led-dot[data-on=true]{transition-delay:calc(var(--led-delay,0s) + .2s)}.lq-step[data-stage=ready] .lq-arrive{opacity:0}.lq-step[data-stage=play] .lq-arrive{animation:lq-arrive .62s var(--ease-out-quart) calc(.75s + var(--n) * .17s) both}@keyframes lq-arrive{0%{opacity:0;transform:translateY(60%)scale(.6)}40%{opacity:1;transform:translateY(-22%)scale(.94,1.08)}70%{transform:translateY(0)scale(1.06,.92)}to{opacity:1;transform:none}}.lq-tile:not([data-right]) .lq-tile-fill{opacity:0}.lq-tile:not([data-right]) .lq-tile-label{opacity:.68}.lq-step[data-stage=ready] :is(.lq-tile-fill,.lq-points){opacity:0}.lq-step[data-stage=ready] .lq-tile-label{opacity:.68}.lq-step[data-stage=play] .lq-tile[data-right] .lq-tile-fill{animation:lq-fill-in .26s var(--ease-out-quart) calc(.3s + var(--n) * .15s) both}.lq-step[data-stage=play] .lq-tile:not([data-right]) .lq-tile-fill{animation:lq-fill-in .26s var(--ease-out-quart) calc(.3s + var(--n) * .15s) both, lq-fill-out .32s var(--ease-out-quart) 1.3s forwards}.lq-step[data-stage=play] .lq-tile-label{animation:lq-label-in .26s var(--ease-out-quart) calc(.3s + var(--n) * .15s) both}.lq-step[data-stage=play] .lq-tile:not([data-right]) .lq-tile-label{animation:lq-label-in .26s var(--ease-out-quart) calc(.3s + var(--n) * .15s) both, lq-label-out .32s var(--ease-out-quart) 1.3s forwards}.lq-step[data-stage=play] .lq-points{animation:lq-points .56s var(--ease-out-expo) 1.55s both}@keyframes lq-fill-in{0%{opacity:0}to{opacity:1}}@keyframes lq-fill-out{0%{opacity:1}to{opacity:0}}@keyframes lq-label-in{0%{opacity:.68}to{opacity:1}}@keyframes lq-label-out{0%{opacity:1}to{opacity:.68}}@keyframes lq-points{0%{opacity:0;transform:scale(.5)translateY(.5rem)}to{opacity:1;transform:none}}.lq-faq{interpolate-size:allow-keywords}.lq-faq::details-content{height:0;transition:height .32s var(--ease-out-quart), content-visibility .32s allow-discrete;overflow:clip}.lq-faq[open]::details-content{height:auto}.lq-price-yearly{display:none}.lq-pricing:has(input[value=yearly]:checked) .lq-price-yearly{display:inline}.lq-pricing:has(input[value=yearly]:checked) .lq-price-monthly{display:none}@media (prefers-reduced-motion:reduce){.lq-mark,.lq-rise,.lq-lift,.lq-join,.lq-board-row,.lq-board-bar,.lq-live,.lq-toast{animation:none!important}.lq-board-row{transform:translateY(calc(var(--lq-end,0) * 100%))}.lq-toast[data-still]{opacity:1}.lq-motion-toggle,.lq-spotlight{display:none}}