*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.m\[1\]{margin:1}.m\[2\]{margin:2}[size~="56"]{width:14rem;height:14rem}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.bg-paper{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.bg-pink{--un-bg-opacity:1;background-color:rgb(255 95 162 / var(--un-bg-opacity))}.bg-purple{--un-bg-opacity:1;background-color:rgb(123 97 255 / var(--un-bg-opacity))}.bg-teal{--un-bg-opacity:1;background-color:rgb(46 196 182 / var(--un-bg-opacity))}.bg-yellow{--un-bg-opacity:1;background-color:rgb(255 213 0 / var(--un-bg-opacity))}[stroke~="#000"]{--un-stroke-opacity:1;stroke:rgb(0 0 0 / var(--un-stroke-opacity))}.px,[px=""]{padding-left:1rem;padding-right:1rem}.text-ink{--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity))}.text-paper{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.border-2{border-width:2px}.border-3{border-width:3px}:root{--ink:#000;--paper:#fff;--pink:#ff5fa2;--yellow:#ffd500;--teal:#2ec4b6;--purple:#7b61ff;--lav:#f4f0ff;--ease:cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#000;background:#fff;font:16px/1.55 Arial,Noto Sans SC,sans-serif;overflow-x:hidden}a{color:inherit}header{position:sticky;top:0;z-index:5;display:flex;min-height:70px;padding:0 5vw;align-items:center;justify-content:space-between;border-bottom:3px solid #000;background:#fff}.brand{display:inline-flex;gap:9px;align-items:center;font-weight:900;letter-spacing:.04em;text-decoration:none}.brand img{width:32px;height:32px}nav{display:flex;gap:25px;align-items:center;font-weight:900}nav a{text-decoration:none}.nav-github{padding:7px 12px;border:2px solid #000;background:var(--yellow)}.menu{display:none;border:0;background:transparent;font:inherit;font-weight:900}.pattern{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='130'%3E%3Cpath d='M8 24q5-12 10 0t10 0t10 0' fill='none' stroke='%23ff5fa2' stroke-width='2.3'/%3E%3Cpath d='M125 20l10 10m0-10l-10 10' stroke='%237b61ff' stroke-width='2.3'/%3E%3Ccircle cx='31' cy='82' r='5' fill='%232ec4b6' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M74 104l7-10l7 10z' fill='%23ffd500' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E")}.hero{display:grid;min-height:calc(100vh - 70px);padding:8vw;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center}.panel{background:#fff;border:3px solid #000}.hero-copy{padding:clamp(24px,4vw,50px);animation:in .7s var(--ease) both}.hero-copy small,.heading small,.wall-copy small,.download>div>small{font-weight:900;letter-spacing:.08em}.hero h1,.heading h2,.wall h2,.download h2{margin:13px 0;font-size:clamp(44px,6.5vw,96px);font-weight:900;line-height:.95;letter-spacing:-.07em}.hero h1 em,.download h2 em{font-style:normal;color:var(--purple)}.hero-copy p{max-width:560px;font-size:18px;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;min-height:48px;padding:10px 17px;align-items:center;justify-content:center;border:2px solid #000;font-weight:900;text-decoration:none;transition:transform .2s var(--ease),letter-spacing .2s var(--ease)}.button:hover{transform:translateY(-4px) rotate(-1deg);letter-spacing:.02em}.pink{background:var(--pink)}.yellow{background:var(--yellow)}.more{display:inline-block;margin-top:23px;font-weight:900;text-underline-offset:4px}.visual{position:relative;min-height:450px;animation:in 1s .12s var(--ease) both}.orb{position:absolute;top:50%;left:50%;display:grid;width:245px;height:245px;place-items:center;border:3px solid #000;border-radius:50%;background:var(--yellow);transform:translate(-50%,-50%);animation:float 4s ease-in-out infinite}.orb img{width:150px;height:150px;object-fit:contain}.rec{position:absolute;top:20px;right:5%;display:grid;width:92px;height:92px;place-items:center;border:3px solid #000;border-radius:50%;background:var(--pink);font-size:23px;transform:rotate(10deg);animation:wobble 2.8s var(--ease) infinite}.sticker{position:absolute;padding:7px 11px;border:2px solid #000;font-style:normal;font-weight:900}.sticker.teal{bottom:50px;left:0;background:var(--teal);transform:rotate(-5deg);animation:float 3.1s ease-in-out infinite}.sticker.purple{top:100px;left:4%;background:var(--purple);color:#fff;transform:rotate(4deg);animation:float 3.5s .3s ease-in-out infinite}.status{position:absolute;right:0;bottom:15px;padding:14px;border:3px solid #000;background:#fff;font-weight:900;transform:rotate(2deg);animation:float 3.8s .2s ease-in-out infinite}.status small{font-weight:700}.band{padding:18px;text-align:center;border-top:3px solid #000;border-bottom:3px solid #000;background:var(--pink);font-size:21px;font-weight:900}.section{padding:10vw 8vw}.lav{background:var(--lav)}.heading{margin-bottom:55px}.heading.right{text-align:right}.feature{display:grid;padding:24px;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;border:3px solid #000}.teal-bg{background:var(--teal)}.yellow-bg{background:var(--yellow)}.feature article{position:relative;padding:clamp(25px,4vw,52px)}.feature h3{margin:0 0 14px;font-size:clamp(27px,3vw,45px);line-height:1.1}.feature p,.feature li{font-weight:700}.num{position:absolute;top:-21px;right:25px;display:grid;width:45px;height:45px;place-items:center;border:2px solid #000;border-radius:50%;background:var(--pink)}figure{margin:0;border:3px solid #000;background:#fff;transition:transform .3s var(--ease)}figure:hover{transform:translateY(-8px) rotate(-1deg)}figure img{display:block;width:100%;max-height:470px;object-fit:cover;object-position:top}figcaption{padding:9px 12px;border-top:2px solid #000;font-size:14px;font-weight:900}.wall{display:grid;padding:10vw 8vw;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:center}.wall-copy{padding:clamp(25px,4vw,50px)}.wall figure{transform:rotate(-1deg)}.workflow{padding-top:9vw;padding-bottom:9vw;border-top:3px solid #000;border-bottom:3px solid #000}.workflow ol{display:grid;grid-template-columns:repeat(3,1fr);padding:0;list-style:none;border:3px solid #000;background:#fff}.workflow li{min-height:205px;padding:26px;border-right:2px solid #000}.workflow li:last-child{border:0}.workflow li>b{display:grid;width:38px;height:38px;margin-bottom:20px;place-items:center;border:2px solid #000;border-radius:50%;background:var(--teal)}.workflow li:nth-child(2)>b{background:var(--pink)}.workflow li:nth-child(3)>b{background:var(--purple);color:#fff}.workflow strong{display:block;font-size:23px}.download{display:grid;padding:10vw 8vw;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:var(--purple);color:#fff}.download h2{color:#fff}.download .panel{padding:20px;color:#000}.download-item{display:grid;min-height:72px;padding:11px;grid-template-columns:34px 1fr;gap:6px;align-items:center;border:2px solid #000;text-decoration:none;transition:transform .2s var(--ease)}.download-item+.download-item{margin-top:10px}.download-item:hover{transform:translate(7px) rotate(1deg)}.download-item strong,.download-item small{display:block}.download-item strong{font-size:20px}.download-item small{font-weight:700}.downloads>a:last-child{display:inline-block;margin-top:19px;font-weight:900;text-decoration:underline}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.faq details{border-top:2px solid #000}.faq details:last-child{border-bottom:2px solid #000}.faq summary{display:flex;padding:17px 0;justify-content:space-between;cursor:pointer;font-size:19px;font-weight:900;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq p{margin:0;padding:0 0 17px;font-weight:700}footer{display:grid;padding:24px 5vw;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;border-top:3px solid #000;background:var(--teal);font-weight:900}footer>a:last-child{justify-self:end}@keyframes in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes wobble{0%,to{rotate:10deg}50%{rotate:-2deg;scale:1.06}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:800px){header{min-height:62px;padding:0 20px}.menu{display:block}nav{position:absolute;top:100%;right:0;left:0;display:none;padding:15px 20px 20px;flex-direction:column;align-items:stretch;border-bottom:3px solid #000;background:#fff}nav.open{display:flex}.hero{min-height:auto;padding:60px 20px 75px;grid-template-columns:1fr}.hero-copy{padding:24px}.visual{min-height:330px}.orb{width:190px;height:190px}.orb img{width:120px;height:120px}.rec{top:4px}.feature,.wall,.download,.faq{grid-template-columns:1fr}.section,.wall,.download{padding-right:20px;padding-left:20px}.heading.right{text-align:left}.feature{padding:14px}.workflow ol{grid-template-columns:1fr}.workflow li{min-height:auto;border-right:0;border-bottom:2px solid #000}.workflow li:last-child{border-bottom:0}footer{grid-template-columns:1fr}footer>a:last-child{justify-self:start}}@media(max-width:420px){.hero h1,.heading h2,.wall h2,.download h2{font-size:clamp(42px,14vw,64px)}.actions{display:grid}.button{width:100%}}header{transition:min-height .3s var(--ease)}header.scrolled{min-height:56px}.hero-copy,.visual{animation:none}.download h2 em{color:var(--yellow);text-decoration:none}.download-item small{grid-column:1 / -1}figure img{transition:transform .35s var(--ease)}figure:hover img{transform:scale(1.03)}.section,.wall,.download{position:relative}.deco-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.deco-item{position:absolute;will-change:transform}.deco-float{animation:float 5s ease-in-out infinite}.deco-item:nth-child(2n).deco-float{animation-duration:6.2s;animation-delay:.4s}.deco-item:nth-child(3n).deco-float{animation-duration:7s;animation-delay:.9s}.deco-hide-md{display:none}@media(min-width:801px){.deco-hide-md{display:block}}[data-draw]{stroke-dasharray:400;stroke-dashoffset:400}.draw-done[data-draw]{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s ease}.rec-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}@keyframes rec-ring{0%{transform:scale(.62);opacity:.85}to{transform:scale(1.22);opacity:0}}.rec-ring{transform-origin:200px 200px;animation:rec-ring 2.6s ease-out infinite}.rec-ring:nth-of-type(2){animation-delay:.85s}.rec-ring:nth-of-type(3){animation-delay:1.7s}@keyframes rec-arc{0%{transform:scale(.7);opacity:0}30%{opacity:1}to{transform:scale(1.3);opacity:0}}.rec-arc{transform-origin:300px 80px;animation:rec-arc 2.4s ease-out infinite}.rec-arc-2{animation-delay:.6s;transform-origin:320px 60px}@keyframes rec-orbit{to{transform:rotate(360deg)}}.rec-orbit{animation:rec-orbit 20s linear infinite}nav a:not(.nav-github):hover{text-decoration:underline wavy var(--pink);text-decoration-thickness:3px;text-underline-offset:5px}.dl-fx{display:flex;align-items:center;gap:18px;margin-top:22px}.heading small:before,.wall-copy small:before,.download>div>small:before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 7 7 3-7 3-3 7-3-7-7-3 7-3z' fill='%23ffd500' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;animation:tag-pop 1.8s var(--ease) infinite}@keyframes tag-pop{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(18deg) scale(1.18)}}@media(prefers-reduced-motion:reduce){.heading small:before,.wall-copy small:before,.download>div>small:before{animation:none}}@media(prefers-reduced-motion:reduce){[data-file]{opacity:0!important}[data-cloud]{opacity:1!important}}.faq-item{border-top:2px solid #000}.faq-item:last-child{border-bottom:2px solid #000}.faq-q{display:flex;width:100%;padding:17px 0;align-items:center;justify-content:space-between;border:0;background:transparent;color:inherit;font:inherit;font-size:19px;font-weight:900;text-align:left;cursor:pointer}.faq-body{height:0;overflow:hidden;transition:height .5s var(--ease)}.faq-body p{margin:0;padding:0 0 17px;font-weight:700}.faq-body a{text-decoration:underline;text-underline-offset:3px}.faq-body a:hover{text-decoration-thickness:2px}.faq-icon{flex:0 0 auto}.faq-icon .v{transition:transform .3s var(--ease);transform-origin:center}.faq-item.open .faq-icon .v{transform:scaleY(0)}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-icon{transition:transform .3s var(--ease)}@media(prefers-reduced-motion:reduce){.deco-float,.rec-ring,.rec-arc,.rec-orbit{animation:none!important}[data-draw]{stroke-dashoffset:0!important}}html,body{overflow-x:clip}header{border-top:3px solid transparent;line-height:1;transition:top .3s var(--ease),margin .3s var(--ease),border-radius .3s var(--ease),min-height .3s var(--ease),border-color .3s var(--ease)}header.scrolled{top:12px;margin:0 clamp(12px,3vw,40px);min-height:58px;border-radius:16px;border-bottom-color:transparent;outline:3px solid #000}.download-item{position:relative}.download-item.is-current{outline:3px solid #000;outline-offset:3px}.download-item.is-current:after{content:"";position:absolute;top:8px;right:9px;width:15px;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v13m0 0l-5-5m5 5l5-5M5 21h14' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;animation:dl-bounce 1.4s var(--ease) infinite}@keyframes dl-bounce{0%,to{transform:translateY(-1px)}50%{transform:translateY(2px)}}.downloads.is-loading .download-item{opacity:.75}.downloads.is-loading .download-item.is-current{outline-color:var(--pink)}.live-wall{background:#fff}.live-wall .heading{margin-bottom:26px}.live-intro{max-width:640px;font-weight:700}.live-shot{margin:0}.live-shot img{max-height:none;height:clamp(360px,40vw,560px);object-fit:cover;object-position:top}.live-stage{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:0;align-items:center;margin-top:30px}.live-stage .live-grid{position:relative;z-index:1;margin-right:-42px}.live-stage .live-shot{position:relative;z-index:2}.live-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.live-tile{position:relative;display:flex;flex-direction:column;min-height:250px;background:#fff;outline:3px solid #000;outline-offset:0;overflow:hidden}.live-preview{position:relative;flex:1;min-height:108px;border-bottom:2px solid #000}.live-tile.teal .live-preview{background:var(--teal)}.live-tile.pink .live-preview{background:var(--pink)}.live-tile.yellow .live-preview{background:var(--yellow)}.live-tile.purple .live-preview{background:var(--purple)}.live-preview:after{content:"▶";position:absolute;right:12px;bottom:12px;display:grid;width:34px;height:34px;place-items:center;border:2px solid #000;border-radius:50%;background:#fff;font-size:13px}.live-status{position:absolute;top:10px;left:10px;display:inline-flex;gap:6px;align-items:center;padding:3px 9px;border:2px solid #000;background:#fff;font-size:12px;font-weight:900}.live-status .dot{width:8px;height:8px;border-radius:50%;background:#000}.live-status.on .dot{background:var(--pink);animation:live-pulse 1.1s var(--ease) infinite}.live-rec{position:absolute;top:10px;right:10px;padding:3px 8px;border:2px solid #000;background:var(--pink);font-size:12px;font-weight:900}.live-tile>b{padding:11px 13px;font-size:15px}@keyframes live-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.55}}@media(max-width:800px){.live-stage{grid-template-columns:1fr}.live-stage .live-grid{margin-right:0;margin-bottom:26px}}@media(max-width:520px){.live-stage .live-grid{grid-template-columns:1fr}}@media(max-width:800px){nav{border:3px solid #000}nav.open{transform-origin:top center;animation:nav-in .28s var(--ease) both}}.menu-plus{display:inline-block;transition:transform .3s var(--ease)}.menu[aria-expanded=true] .menu-plus{transform:rotate(45deg)}@keyframes nav-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}