:root{--bg:#f7f8f5;--paper:#fff;--ink:#252b25;--muted:#7a8077;--line:#e6e9e1;--lime:#c5ed75;--green:#3a5c24;--font:'Manrope','Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:wait;opacity:.62}button:focus-visible,a:focus-visible{outline:3px solid #759642;outline-offset:4px}input:focus-visible{outline:0}[hidden]{display:none!important}.sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:28px;font-weight:800;letter-spacing:-1.3px;display:flex;align-items:center}.brand-mark{display:inline-flex;position:relative;background:var(--lime);border-radius:11px;width:37px;height:37px;align-items:center;justify-content:center;font-size:31px;line-height:1;margin-right:10px}.brand-mark span{font-size:18px;margin-top:11px;margin-left:-3px}.brand-dot{color:#7ba841}.header nav{display:flex;gap:31px;font-size:13px;font-weight:600;margin-left:auto;margin-right:48px}.header nav a:hover{color:#587831}.header nav span{color:var(--muted);margin-left:4px}.local-badge{font-size:11px;color:#58634e;background:#edf2e6;border:1px solid #e1e8d7;border-radius:30px;padding:9px 12px;display:flex;gap:7px;align-items:center}.local-badge>span,.art-tag>span{width:6px;height:6px;border-radius:50%;background:#81a855}
.hero{display:grid;grid-template-columns:1.22fr 1fr;align-items:center;min-height:401px;padding:42px 0 39px;gap:24px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:9px;margin-bottom:23px}.tiny-tiktok{font-size:17px;letter-spacing:0}h1{font-size:53px;line-height:1.17;letter-spacing:-2.7px;font-weight:800;margin:0 0 22px}.highlight{position:relative;white-space:nowrap;z-index:1}.highlight:before{content:'';position:absolute;z-index:-1;background:#e5f3ce;left:-7px;right:-7px;top:12px;bottom:0;transform:rotate(-2deg);border-radius:2px}.highlight svg{position:absolute;left:0;bottom:-11px;width:100%;height:15px;fill:none;stroke:#7da448;stroke-width:3;stroke-linecap:round}.hero-description{font-size:13px;color:#727a6e;line-height:1.9;margin:27px 0 20px}.hero-points{display:flex;gap:22px;font-size:11px;font-weight:600;color:#59614f}.hero-points span{display:flex;align-items:center;gap:6px}.hero-points .icon{width:14px;height:14px;color:#7da448;stroke-width:2.5}
.hero-art{position:relative;isolation:isolate;height:320px;width:390px;justify-self:end}.art-orbit{position:absolute;inset:19px 18px 5px;border:1px dashed #dbe2d1;border-radius:50%;transform:rotate(-25deg)}.art-plus{position:absolute;font-size:24px;color:#adb5a2;font-weight:400}.plus-one{top:24px;left:66px}.plus-two{bottom:24px;right:24px;font-size:20px}.art-tag{position:absolute;right:10px;top:9px;font-size:8px;font-weight:700;letter-spacing:1.2px;background:white;border:1px solid var(--line);padding:10px 12px;border-radius:20px;display:flex;align-items:center;gap:6px;transform:rotate(6deg)}.video-card{position:absolute;width:159px;height:233px;border:5px solid white;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #293c2114}.back-card{top:40px;left:40px;transform:rotate(-13deg);background:#d8e5cf}.abstract-sun{position:absolute;width:64px;height:64px;top:32px;left:19px;border-radius:50%;background:#f4eed2;box-shadow:0 0 40px #f5eabb}.abstract-hill{position:absolute;width:280px;height:260px;transform:rotate(-24deg);border-radius:50%}.hill-one{background:#8ea48c;top:106px;left:-160px}.hill-two{background:#617a68;top:110px;left:12px}.card-duration{position:absolute;top:10px;right:10px;background:#0003;color:#fff;border-radius:5px;padding:4px 5px;font-size:8px;font-weight:700}.front-card{top:48px;left:175px;transform:rotate(12deg);background:#28392e;color:#fff}.art-glow{position:absolute;width:170px;height:170px;background:#b4d384;border-radius:50%;top:-57px;right:-60px;filter:blur(25px);opacity:.55}.art-disc{position:absolute;width:90px;height:90px;top:49px;left:30px;border:1px solid #a9cc7040;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#1e3026 0px,#1e3026 7px,#6e8c5726 8px,#1e3026 9px);display:grid;place-items:center;transform:rotate(-12deg);box-shadow:0 0 30px #020a0844}.art-disc span{font-size:44px;color:#d6eead;text-shadow:3px 2px #7eb9a9,-2px -1px #d2b8c3}.art-wave{position:absolute;height:120px;width:270px;border:1px solid #ffffff20;border-radius:50%;bottom:-37px;left:-57px;transform:rotate(-15deg)}.card-label{position:absolute;bottom:44px;left:13px;font-weight:700;font-size:12px;letter-spacing:-.4px}.card-bottom{position:absolute;bottom:19px;left:13px;right:13px;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#c4d1bd}.card-bottom>span:last-child{font-size:20px}.floating-download{position:absolute;bottom:27px;left:126px;width:53px;height:53px;border:4px solid var(--bg);border-radius:15px;background:var(--lime);display:grid;place-items:center;transform:rotate(-8deg);box-shadow:0 5px 15px #23361a11}.floating-download .icon{width:25px;height:25px;stroke-width:2}.art-caption{position:absolute;bottom:0;right:36px;background:white;border:1px solid var(--line);border-radius:9px;box-shadow:0 6px 16px #293c2108;display:flex;align-items:center;gap:7px;padding:10px 13px;font-size:9px;font-weight:600;transform:rotate(-3deg)}.art-caption .icon{width:13px;height:13px;background:#edf5e3;border-radius:50%;color:#648445}
.download-panel{background:var(--paper);padding:29px 31px 25px;border:1px solid #e1e5dc;border-radius:17px;box-shadow:0 6px 25px #34432904}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.panel-heading h2{font-size:19px;letter-spacing:-.6px;margin:0 0 6px;font-weight:800}.panel-heading p{font-size:12px;color:var(--muted);margin:0}.format-pill{font-size:9px;letter-spacing:1px;color:#7d8475;border:1px solid var(--line);border-radius:6px;padding:6px 7px 6px 10px;display:flex;align-items:center;gap:9px}.format-pill span{background:#edf2e8;border-radius:3px;padding:3px 5px;color:#576c47;font-weight:800;letter-spacing:0}.form-row{display:flex;gap:11px}.input-wrap{background:#f8f9f6;border:1px solid #e1e5db;border-radius:9px;display:flex;align-items:center;flex:1;min-width:0;padding:0 13px 0 17px;transition:border .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#9bbf6f;box-shadow:0 0 0 3px #c5ed752f}.input-wrap:has([aria-invalid="true"]){border-color:#c97164}.input-icon{color:#919985;width:19px;height:19px}.input-wrap input{width:100%;min-width:0;flex:1;border:0;background:transparent;padding:17px 12px;color:var(--ink);font-size:12px}.input-wrap input::placeholder{color:#969d8e}.paste-button{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;border:1px solid #e0e5da;border-radius:6px;background:#fff;padding:7px 9px}.paste-button .icon{width:14px;height:14px;color:#838d76}.paste-button:hover{background:#edf4e3}.primary-button{border:1px solid #b8de6d;border-radius:9px;background:var(--lime);padding:15px 21px;display:inline-flex;gap:22px;justify-content:center;align-items:center;font-size:12px;font-weight:800;white-space:nowrap;transition:background .2s,transform .2s}.primary-button:hover{background:#b8e460;transform:translateY(-1px)}.primary-button:disabled:hover{transform:none}.primary-button .icon{width:18px;height:18px}.form-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#949b8d;gap:12px;margin-top:13px}.form-meta p{margin:0}.form-meta>span{display:flex;gap:5px;align-items:center}.form-meta .icon{width:11px;height:11px}#form-status{margin-top:16px;padding:12px 14px;border-radius:7px;font-size:12px;line-height:1.6;background:#f0f5e8;color:#526b38}#form-status[data-kind="error"]{background:#fff2ef;color:#a74d3d}.loading-state{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.loading-top,.loading-top>div{display:flex;align-items:center;gap:10px}.loading-top{justify-content:space-between}.loading-top strong{font-size:12px;font-weight:600}.spinner{width:15px;height:15px;border:2px solid #e2e9d6;border-top-color:#779d41;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-button{background:none;border:0;padding:4px 0;color:#7e8675;font-size:11px;font-weight:600}.text-button:hover{color:#344b25}.progress-track{height:5px;overflow:hidden;border-radius:6px;background:#eef2e8;margin:15px 0 10px}.progress-track>div{height:100%;width:32%;border-radius:6px;background:#b3d977;animation:progress 1.5s ease-in-out infinite}.progress-track.determinate>div{animation:none;transition:width .15s}@keyframes progress{from{transform:translateX(-100%)}to{transform:translateX(410%)}}.loading-state p{font-size:11px;margin:0;color:var(--muted)}.result{display:flex;align-items:center;gap:26px;border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.result video{width:150px;max-height:240px;background:#1c251b;border-radius:10px}.result-copy{flex:1;min-width:0}.result-tag{color:#6d8d43;font-size:9px;letter-spacing:1.2px;display:flex;align-items:center;gap:6px}.result-tag .icon{width:14px;height:14px}.result h3{font-size:22px;letter-spacing:-.7px;margin:11px 0 9px}.result-copy>p{font-size:12px;color:var(--muted);word-break:break-word}.result .primary-button{margin-top:9px;gap:10px}.result-copy .result-note{font-size:10px;margin:10px 0 0}
.how-section{padding-top:40px;scroll-margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-head h2{font-size:17px;letter-spacing:-.5px;margin:0;font-weight:800}.section-head>span{color:#929a88;font-size:8px;font-weight:700;letter-spacing:1.5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:24px}.step{display:flex;gap:14px}.step-number{font-size:12px;font-weight:700;color:#81916d;background:#eef1e8;border:1px solid #e2e7d9;border-radius:9px;display:grid;place-items:center;width:34px;height:34px;flex-shrink:0}.step h3{font-size:12px;font-weight:700;margin:2px 0 8px}.step p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.history-section{padding:37px 0 42px}.count{font-size:10px;border:1px solid #e3e7db;border-radius:5px;color:#859276;padding:2px 6px;margin-left:8px;vertical-align:2px}.empty-history{margin-top:18px;padding:24px;display:flex;align-items:center;gap:17px;border:1px dashed #d9dfd0;border-radius:12px}.empty-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:#edf1e7;color:#92a17e}.empty-history h3{font-size:12px;font-weight:600;margin:0 0 5px}.empty-history p{font-size:11px;color:#939c87;margin:0;line-height:1.7}.empty-arrow{margin-left:auto;font-size:25px;color:#b9c2ae}.history-row{display:flex;align-items:center;gap:13px;border:1px solid var(--line);background:#fff;padding:15px 17px;border-radius:10px;margin-top:12px}.history-icon{width:39px;height:43px;background:#edf2e7;color:#7e9962;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.history-detail{flex:1;min-width:0}.history-detail strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.history-detail p{font-size:10px;color:var(--muted);margin:4px 0 0}.history-action{display:flex;align-items:center;gap:6px;border:1px solid #e0e7d6;border-radius:6px;padding:8px 11px;background:#f2f6eb;font-size:10px;font-weight:700;flex-shrink:0}.history-action:hover{background:#e6efd8}.history-action .icon{width:13px;height:13px}.history-note{font-size:10px;color:#959b8c;line-height:1.7;margin-bottom:0}.footer{display:flex;align-items:center;gap:23px;min-height:82px;border-top:1px solid var(--line);color:#939b89;font-size:10px}.footer-brand{color:#69735e;font-size:16px;letter-spacing:-.6px;font-weight:800}.footer p{margin:0}.footer>span:last-child{margin-left:auto;display:flex;gap:11px;align-items:center}.footer-spark{font-size:19px;color:#8ba765}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.wrap{width:min(1200px,calc(100% - 120px))}.hero{min-height:445px}h1{font-size:61px}.hero-art{margin-right:23px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}h1{font-size:44px}.hero-art{transform:scale(.87);transform-origin:right center;width:330px}.hero{gap:5px}.hero-description{font-size:12px}.hero-points{gap:12px;font-size:10px}.steps{gap:16px}.form-meta>span{display:none}.header nav{margin-right:25px}.hero{min-height:365px}.step{gap:10px}.download-panel{padding:25px}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.header{height:80px}.brand{font-size:24px}.brand-mark{width:32px;height:32px;font-size:27px;border-radius:9px}.header nav{margin:0;font-size:11px;gap:16px}.local-badge{display:none}.hero{min-height:auto;padding:38px 0 30px;grid-template-columns:1fr}.hero-copy{position:relative;z-index:2}h1{font-size:45px;letter-spacing:-2px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:20px}.hero-description{font-size:12px;margin-top:24px}.hero-points{font-size:10px;gap:18px}.hero-art{display:none}.download-panel{padding:22px 18px;border-radius:13px}.panel-heading h2{font-size:17px}.panel-heading p{font-size:11px}.format-pill{font-size:8px;gap:5px;padding:5px}.panel-heading{margin-bottom:18px}.form-row{flex-direction:column;gap:10px}.input-wrap{padding:0 9px 0 12px}.input-wrap input{padding:17px 8px;font-size:12px}.paste-button span{display:none}.paste-button{padding:8px}.primary-button{padding:15px 18px}.form-meta{font-size:9px;margin-top:10px}.how-section{padding-top:30px}.section-head h2{font-size:16px}.section-head>span{font-size:7px;letter-spacing:1px}.steps{grid-template-columns:1fr;gap:20px;margin-top:22px}.step{gap:14px}.step h3{font-size:12px}.step p{font-size:11px}.step p br{display:none}.history-section{padding-top:30px;padding-bottom:29px}.empty-history{padding:19px 15px;gap:12px}.empty-history p{font-size:10px}.empty-history h3{font-size:11px}.empty-arrow{display:none}.empty-icon{width:36px;height:39px;flex-shrink:0}.footer{min-height:75px;gap:14px;flex-wrap:wrap}.footer>span:last-child{display:none}.result{gap:16px;align-items:flex-start}.result video{width:110px;max-height:200px}.result h3{font-size:17px}.result-copy>p{font-size:10px}.result .primary-button{padding:11px 12px;font-size:10px}.history-row{padding:12px;gap:10px}.history-detail strong{font-size:11px}.history-action{padding:8px;font-size:9px}.history-action .icon{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.progress-track>div{width:100%}}