@font-face{font-family:Earthy;src:local('Trebuchet MS');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f8f6ee;color:#294d38;font-family:Earthy,'Trebuchet MS',Arial,sans-serif;font-size:16px;line-height:1.6}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait}button,a,summary{touch-action:manipulation}:focus-visible{outline:3px solid #c57c4c;outline-offset:5px}::selection{background:#dbe5bd}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:10px;font-size:32px;letter-spacing:-1.7px;font-weight:900;line-height:1}.brand img{object-fit:contain}.brand-dot{color:#bc764e}.header nav{display:flex;gap:34px;margin-left:auto;font-weight:700;font-size:14px}.header nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:#294d38;color:#fffdf0;min-height:56px;padding:14px 25px;border:1px solid #294d38;border-radius:13px;font-size:14px;font-weight:800;box-shadow:0 4px 0 #1d3829;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{background:#3c6548;transform:translateY(-2px);box-shadow:0 6px 0 #1d3829}.button:active{transform:translateY(3px);box-shadow:0 1px 0 #1d3829}.button.small{min-height:42px;padding:9px 19px;border-radius:10px;font-size:13px;box-shadow:0 3px 0 #1d3829}.hero{display:grid;grid-template-columns:.94fr 1.12fr;gap:58px;align-items:center;padding-top:64px;padding-bottom:100px;min-height:680px}.eyebrow{font-weight:800;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;display:flex;align-items:center;gap:8px;margin:0 0 22px}.seed-dot{background:#88a461;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px #e7e9d9}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(56px,5.4vw,82px);letter-spacing:-4.3px;line-height:1.06;font-weight:900;margin-bottom:27px}.world-word{position:relative;color:#789255;display:inline-block}.world-word svg{position:absolute;width:100%;bottom:-18px;left:0;stroke:#c79162;stroke-width:7;stroke-linecap:round;fill:none}.intro{font-size:17px;line-height:1.8;max-width:440px;color:#64705c;margin-bottom:30px}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.text-button{border:0;background:transparent;color:#294d38;padding:8px 0;display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:800}.text-button:hover{text-decoration:underline;text-underline-offset:5px}.play-icon{display:grid;place-items:center;border:1px solid #c7cdb5;border-radius:50%;height:29px;width:29px;font-size:10px}.fine{font-size:11px;color:#78816b;line-height:1.6}.hero-fine{margin:20px 0 0}.hero-visual{position:relative;min-width:0;padding-bottom:35px}.hero-visual:before{content:'';position:absolute;width:110%;height:130%;top:-12%;left:-4%;background:#e9edda;border-radius:49% 43% 47% 38%;transform:rotate(-9deg);z-index:-1}.editor-window{background:#fffdf4;border:1px solid #c7d0b6;border-radius:15px;overflow:hidden;box-shadow:0 20px 35px #294d3815,0 6px 0 #d4dbc4;transform:rotate(-2.5deg)}.editor-window img{display:block;width:100%;height:auto}.window-top{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:9px;font-weight:800}.window-dots{display:flex;gap:4px}.window-dots i{width:6px;height:6px;background:#b7c2a7;border-radius:50%}.window-dots i:first-child{background:#d7a581}.window-tag{background:#e3e9d2;padding:2px 5px;border-radius:4px;margin-left:6px}.window-leaf{font-size:15px;color:#8da167}.orbit-label{display:block;transform:rotate(7deg);text-align:right;font-size:13px;font-weight:700;margin-right:18px;margin-bottom:28px;color:#8e967b}.orbit-label span{font-size:26px;margin-right:8px;color:#c48b5b}.floating-block{position:absolute;bottom:10px;left:-25px;transform:rotate(4deg);filter:drop-shadow(0 8px 8px #294d3816);font-size:11px;font-weight:700;display:flex;flex-direction:column;gap:2px;z-index:1}.block-event,.block-action{display:block;border-radius:7px;padding:10px 16px;min-height:36px}.block-event{background:#e4bc70;color:#6d5024;width:170px;box-shadow:0 3px 0 #c39a50}.block-action{background:#71956a;color:#fffdf0;margin-left:10px;box-shadow:0 3px 0 #51754d}.block-action b{background:#557d50;border-radius:4px;padding:3px 6px;margin-left:4px}.sprout-badge{position:absolute;right:-20px;bottom:3px;background:#e7bc83;border:6px solid #f8f6ee;border-radius:25px;width:90px;height:90px;transform:rotate(11deg);box-shadow:0 6px 0 #d7ae7c}.sprout-badge svg{width:100%;fill:#65864f;stroke:#395f3c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.visual-caption{font-size:10px;color:#8a927e;text-align:center;margin-top:27px;display:flex;gap:7px;align-items:center;justify-content:center}.tiny-dot{width:5px;height:5px;background:#8b9a70;border-radius:50%}.feature-ribbon{background:#e9eddd;border-block:1px solid #dce3cd}.ribbon-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:72px;font-size:12px;font-weight:800}.ribbon-inner i{font-style:normal;color:#9aaa7e;font-size:23px}.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px;gap:40px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:clamp(32px,3.4vw,48px);line-height:1.12;letter-spacing:-2px;margin-bottom:0;font-weight:900}.section-heading>p{max-width:358px;font-size:14px;color:#77806b;margin-bottom:3px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{padding:12px 25px 28px;border:1px solid #e0e4d5;border-radius:22px;background:#fcfbf6;overflow:hidden}.card-art{height:225px;margin-inline:-13px;margin-bottom:26px;position:relative;border-radius:15px;overflow:hidden}.world-art{background:#edf0e1}.world-art svg{height:205px;width:100%;margin-top:-2px}.art-chip{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#fffff3d9;font-size:9px;white-space:nowrap;padding:5px 9px;border:1px solid #d9dfca;border-radius:6px}.card-number{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#8a967b}h3{font-size:20px;letter-spacing:-.55px;line-height:1.25;margin:11px 0 12px;font-weight:800}.feature-card p{color:#7b826f;font-size:12px;line-height:1.8;margin-bottom:0}.blocks-art{background:#ede7d9;padding:27px 18px}.sample-block{font-size:10px;font-weight:800;width:max-content;padding:10px 12px;border-radius:6px;box-shadow:0 3px 0 #0002;position:relative;z-index:1}.sample-block b{border-radius:3px;padding:3px 5px;background:#ffffff3a;margin-left:4px}.sample-block.event{background:#e3b969;color:#6f532b;transform:rotate(-3deg);margin-left:9px}.sample-block.action{background:#6e9367;color:#fffdeb;margin-left:23px;transform:rotate(-3deg)}.sample-block.second{margin-top:18px;transform:rotate(3deg);margin-left:22px}.sample-block.second+.action{margin-left:35px;transform:rotate(3deg)}.drawn-star{position:absolute;right:15px;bottom:3px;font-size:55px;color:#c6a36e;transform:rotate(10deg)}.assets-art{display:flex;align-items:center;justify-content:center;background:#ede9de;gap:8px}.asset-tile{width:118px;padding:10px 9px 13px;text-align:center;border:1px solid #d2d8c3;background:#fffef5;border-radius:13px;box-shadow:0 5px 0 #d9ddcb}.asset-tile svg{display:block;width:80px;height:90px;margin:auto}.asset-tile span{font-size:8px;font-weight:800}.sprite-tile{transform:rotate(-8deg)}.model-tile{transform:rotate(8deg) translateY(15px)}.asset-plus{position:absolute;left:49%;top:19px;color:#99a17f;font-size:24px}.demo-section{background:#294d38;color:#f7f5e9;overflow:hidden}.demo-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:70px}.demo-copy{max-width:405px}.demo-copy .eyebrow{color:#b6c59d}.demo-copy h2{margin-bottom:24px}.demo-copy>p:not(.eyebrow):not(.fine){font-size:14px;color:#c0cfb6;line-height:1.8}.button.cream{background:#edc684;border-color:#edc684;color:#3e5135;box-shadow:0 4px 0 #ac8b57}.button.cream:hover{background:#f8d799;box-shadow:0 6px 0 #ac8b57}.demo-copy .fine{color:#a9b89e;margin:16px 0 0}.demo-poster{position:relative;isolation:isolate;min-height:335px;border-radius:26px;background:#aacbb8;overflow:hidden;transform:rotate(2deg);box-shadow:0 8px 0 #1f3c2b}.poster-sun{position:absolute;width:80px;height:80px;border-radius:50%;background:#edd59a;top:47px;right:52px}.poster-land{background:#7f9c61;width:390px;height:280px;border-radius:40%;transform:rotate(-23deg) skew(12deg);position:absolute;bottom:-140px;left:20px;box-shadow:0 14px 0 #9a7854,0 30px 0 #836341}.poster-player{position:absolute;width:60px;height:65px;background:#d9a06e;top:-28px;left:128px;border-radius:5px;transform:skew(-12deg) rotate(23deg);box-shadow:8px 8px 0 #b27e52}.poster-gem{position:absolute;border-radius:50%;width:27px;height:27px;background:#edcd72;box-shadow:0 4px 0 #be9b4d}.poster-gem.one{top:-6px;left:230px}.poster-gem.two{top:70px;left:60px}.poster-tree{position:absolute;width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:74px solid #466a43;top:-80px;left:300px;transform:skew(-12deg) rotate(23deg)}.poster-label{position:absolute;top:24px;left:24px;font-size:11px;font-weight:900;letter-spacing:2px;color:#32513d}.poster-foot{position:absolute;bottom:20px;left:24px;font-size:10px;color:#f8f5db;background:#32513d99;border-radius:6px;padding:6px 9px}.round-play{position:absolute;top:43%;left:45%;height:64px;width:64px;border:1px solid #fffef199;background:#fffef1e6;border-radius:50%;box-shadow:0 5px 0 #294d3822;color:#294d38;font-size:18px;padding-left:8px;transition:transform .2s}.round-play:hover{transform:scale(1.1)}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:65px}.steps li{position:relative;padding-top:4px}.steps li>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #cbd3ba;background:#e8eddc;border-radius:12px;font-size:14px;font-weight:900;margin-bottom:24px;transform:rotate(-5deg);box-shadow:0 3px 0 #d9dfcc}.steps li:nth-child(2)>span{background:#eee1c6;border-color:#dfccaa;transform:rotate(5deg);box-shadow:0 3px 0 #e1d2b5}.steps li:nth-child(3)>span{background:#e9d7ca;border-color:#d8bca5;box-shadow:0 3px 0 #ddc6b4}.steps h3{font-size:19px}.steps p{font-size:13px;color:#78816c;max-width:290px}.pricing-section{background:#e8eddd;border-radius:35px;border:1px solid #dce3cf;padding:65px 80px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.pricing-copy h2{font-size:49px;margin-bottom:22px}.pricing-copy p:not(.eyebrow){font-size:14px;color:#78816c;max-width:280px}.pricing-copy img{margin-top:18px;transform:rotate(-9deg);filter:drop-shadow(0 8px 0 #c6cfb44d)}.price-card{border-radius:22px;border:1px solid #c8d2b8;background:#fffef7;padding:28px 30px;box-shadow:0 7px 0 #d4ddc4}.price-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#919780}.release-badge{background:#e8edda;border-radius:5px;padding:5px 7px;font-size:8px;letter-spacing:1px;font-weight:800;color:#6c8153}.price-card h3{font-size:23px;margin-top:24px}.price{font-size:64px;line-height:1.2;font-weight:900;letter-spacing:-4px;margin:14px 0}.price>span{font-size:11px;letter-spacing:0;font-weight:400;margin-left:13px;color:#838b76}.price-description{font-size:12px;color:#78816c}.included{list-style:none;padding:18px 0 20px;margin:0;border-top:1px solid #e7eadf;font-size:12px;display:grid;gap:10px}.included li:before{content:'✓';color:#769355;font-weight:900;display:inline-block;margin-right:10px}.buy-button{width:100%;font-size:13px}.purchase-status{font-size:10px;line-height:1.6;text-align:center;color:#7c876d;margin:17px 0 0}.platform-note{font-size:9px;color:#929782;line-height:1.7;border-top:1px solid #e7eadf;margin:16px 0 0;padding-top:14px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.faq>div>p:not(.eyebrow){font-size:13px;color:#818973;margin-top:20px}.faq-list details{border-bottom:1px solid #dfe4d5}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:20px 0;cursor:pointer;font-size:14px;font-weight:800}.faq-list details:first-child summary{padding-top:0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:19px;font-weight:400;color:#8e9c7a;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;color:#7b856d;line-height:1.8;margin-bottom:22px;max-width:540px}.last-note{text-align:center;padding:50px 0 85px}.last-note>span{color:#a4b387;font-size:45px}.last-note p{font-size:39px;line-height:1.2;font-weight:900;letter-spacing:-1.8px;margin:13px 0 22px}.last-note em{font-style:normal;color:#8ca36b}.text-link{font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:5px}.text-link span{margin-left:12px}.footer{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid #dde3d1;padding-block:28px}.footer .brand{font-size:25px;gap:8px}.footer p{font-size:11px;color:#89917c;margin:0 auto 0 0}.footer>div{display:flex;gap:24px;align-items:center;font-size:10px;color:#7c876d}.footer button{border:0;padding:0;background:transparent;color:inherit;font-size:inherit}.footer button:hover{text-decoration:underline}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:#294d38;color:white;padding:10px}.skip:focus{top:10px}dialog{padding:0;border:1px solid #b9c7aa;border-radius:20px;background:#f8f6ee;color:#294d38;box-shadow:0 30px 100px #10291966;width:min(1000px,calc(100% - 30px));max-height:92dvh;overflow:hidden}dialog::backdrop{background:#183527b3;backdrop-filter:blur(7px)}.dialog-bar{height:66px;display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-bottom:1px solid #dce3cf}.dialog-bar>div{display:flex;gap:16px;align-items:center}.dialog-bar strong{font-size:16px}.dialog-bar span{font-size:11px;color:#829172}.close-dialog{border:1px solid #ccd5be;border-radius:8px;background:#e9eddf;width:32px;height:32px;color:#294d38}.close-dialog:hover{background:#dbe5cb}#demo-frame{display:block;border:0;width:100%;height:min(650px,75dvh)}#privacy-dialog{max-width:530px}.privacy-copy{padding:28px;font-size:14px;color:#6e7c60}.privacy-copy a{text-decoration:underline}body.modal-open{overflow:hidden}@media(min-width:1600px){.hero{padding-top:95px;padding-bottom:130px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:32px;padding-top:45px;min-height:580px}h1{font-size:61px;letter-spacing:-3.5px}.hero-actions{gap:15px}.hero-actions .button{font-size:12px;padding-inline:18px}.hero-visual{margin-right:10px}.orbit-label{font-size:11px}.feature-card{padding-inline:20px}.card-art{height:205px}.sample-block{font-size:9px}.blocks-art{padding-inline:10px}.asset-tile{width:98px}.asset-tile svg{width:70px}.demo-inner{gap:50px}.pricing-section{padding:55px;gap:60px}.steps{gap:40px}.faq{gap:40px}.hero-fine{font-size:10px}}@media(max-width:800px){.header{height:90px;gap:20px}.header nav{gap:20px;font-size:12px}.header nav a:nth-child(2){display:none}.brand{font-size:28px}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:55px;gap:65px}.hero-copy{text-align:center;max-width:560px;margin:auto}.hero-copy .eyebrow{justify-content:center}.intro{margin-inline:auto;max-width:470px}.hero-actions{justify-content:center}.hero-visual{max-width:600px;width:90%;margin:auto}.orbit-label{margin-bottom:15px}.floating-block{left:-18px}.hero-visual:before{height:120%;top:-9%}.ribbon-inner{font-size:10px;gap:12px}.ribbon-inner i{font-size:18px}.section{padding-block:70px}.section-heading{align-items:flex-start;gap:35px}.section-heading>p{max-width:250px;font-size:12px}.feature-grid{grid-template-columns:1fr;gap:18px}.feature-card{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;padding:14px 25px 14px 14px;align-content:center}.card-art{grid-row:1/4;margin:0;height:220px}.card-number{align-self:end}.feature-card h3{font-size:21px}.feature-card p{align-self:start}.demo-inner{grid-template-columns:1fr 1fr;gap:30px;padding-block:55px}.demo-copy h2{font-size:32px}.demo-copy>p:not(.eyebrow):not(.fine){font-size:12px}.demo-copy .eyebrow{font-size:10px}.demo-poster{min-height:300px}.poster-land{left:-90px}.poster-sun{right:25px;width:65px;height:65px}.round-play{left:40%}.demo-copy .button{font-size:11px;padding-inline:15px}.pricing-section{padding:35px;gap:35px}.pricing-copy h2{font-size:38px}.price-card{padding:23px}.price-card h3{font-size:20px}.faq{grid-template-columns:.8fr 1.2fr;gap:35px}.faq-list summary{font-size:12px}.steps{gap:25px}.steps p{font-size:12px}.footer{gap:18px}.footer>div{gap:16px}.footer>p{display:none}.last-note{padding-top:15px;padding-bottom:60px}}@media(max-width:560px){.wrap{width:calc(100% - 36px)}.header{height:82px;gap:16px}.header .brand{font-size:25px;gap:6px}.header .brand img{width:37px;height:37px}.header nav{display:none}.header>.button{margin-left:auto;font-size:11px;min-height:37px;padding:7px 13px;gap:14px}.hero{padding-top:27px;gap:48px;overflow:clip;margin-inline:0;width:100%;padding-inline:18px}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:21px}h1{font-size:57px;letter-spacing:-3px}.intro{font-size:14px;line-height:1.8;max-width:340px}.hero-actions{flex-direction:column;gap:15px}.hero-actions .button{font-size:13px;padding-inline:24px}.hero-fine{font-size:10px;margin-top:17px}.hero-visual{width:94%;padding-bottom:24px}.window-top{height:25px;font-size:7px}.floating-block{font-size:8px;left:-4px;bottom:3px}.block-event,.block-action{min-height:27px;padding:7px 10px}.block-event{width:128px}.sprout-badge{width:64px;height:64px;right:-6px;bottom:5px;border:4px solid #f8f6ee;border-radius:18px}.visual-caption{font-size:7px;margin-top:21px;justify-content:flex-end;padding-right:7px;gap:4px}.orbit-label{font-size:10px;margin-bottom:18px}.orbit-label span{font-size:18px}.ribbon-inner{display:grid;grid-template-columns:1fr 1fr;min-height:88px;gap:9px;text-align:center;padding-block:16px;font-size:10px}.ribbon-inner i{display:none}.section{padding-block:58px}.section-heading{display:block;margin-bottom:29px}.section-heading h2{font-size:35px}.section-heading>p{margin-top:20px;max-width:330px;font-size:13px}.section-heading .eyebrow{font-size:9px}.feature-card{display:block;padding:12px 23px 25px}.card-art{height:230px;margin:0 -11px 25px}.world-art svg{height:224px}.blocks-art{padding:28px 28px}.sample-block{font-size:11px}.drawn-star{right:40px}.asset-tile{width:125px}.asset-tile svg{width:80px}.asset-tile span{font-size:9px}.feature-card h3{font-size:22px}.feature-card p{font-size:13px}.demo-inner{grid-template-columns:1fr;padding-block:46px;gap:35px}.demo-copy{max-width:none}.demo-copy h2{font-size:37px}.demo-copy>p:not(.eyebrow):not(.fine){font-size:13px;max-width:330px}.demo-copy .button{font-size:12px;padding-inline:20px}.demo-poster{min-height:300px;margin-inline:4px}.poster-land{left:-20px}.poster-sun{right:45px}.round-play{left:43%}.steps{grid-template-columns:1fr;gap:22px}.steps li{padding-left:63px}.steps li>span{position:absolute;left:0;top:5px}.steps h3{margin-top:0}.steps p{max-width:290px;font-size:13px}.pricing-section{display:block;padding:29px 20px;border-radius:25px}.pricing-copy{position:relative;padding:5px 7px 25px}.pricing-copy h2{font-size:37px}.pricing-copy p:not(.eyebrow){max-width:230px;font-size:12px}.pricing-copy img{position:absolute;right:0;top:27px;width:70px;height:70px;opacity:.5;z-index:0}.pricing-copy h2,.pricing-copy p{position:relative;z-index:1}.price-card{padding:24px 22px}.price-card h3{font-size:23px}.price{font-size:67px}.included{font-size:11px}.buy-button{font-size:12px}.faq{display:block}.faq-list{margin-top:35px}.faq h2{font-size:36px}.faq-list summary{font-size:13px}.last-note p{font-size:31px}.last-note>span{font-size:34px}.footer{flex-wrap:wrap;justify-content:center;gap:20px}.footer .brand{font-size:25px}.footer>div{width:100%;justify-content:center;font-size:9px}.dialog-bar{height:58px;padding-inline:15px}.dialog-bar>div{gap:6px;flex-direction:column;align-items:flex-start}.dialog-bar strong{font-size:14px}.dialog-bar span{font-size:9px}#demo-frame{height:77dvh}dialog{border-radius:15px}.privacy-copy{padding:22px;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
main{overflow:clip}.buy-button:disabled{cursor:default;background:#829471;border-color:#829471;box-shadow:0 3px 0 #627655;transform:none}.buy-button:disabled:hover{transform:none;box-shadow:0 3px 0 #627655}
/* Visual polish */
.editor-window{box-shadow:0 24px 48px #20422e22,0 7px 0 #cdd6bd;transition:transform .25s ease}
.editor-window:hover{transform:rotate(-1.5deg) translateY(-2px)}
.feature-card{box-shadow:0 6px 20px #294d3808,0 4px 0 #e6e9da;transition:transform .18s ease,box-shadow .18s ease}
.feature-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #294d3810,0 6px 0 #dce2cc}
.demo-poster{box-shadow:0 12px 32px #0f261830,0 8px 0 #1f3c2b;transition:transform .22s ease}
.demo-poster:hover{transform:rotate(1deg) translateY(-2px)}
.poster-sun{box-shadow:0 0 0 12px #f6e2ab38,0 0 0 26px #f6e2ab1c}
.faq-list summary{transition:color .14s ease}
.faq-list summary:hover{color:#5a7a47}
.faq-list summary span{transition:transform .24s cubic-bezier(.22,1,.36,1)}

/* Studio-grade motion & micro-interactions */
@keyframes earthyRise{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
@keyframes earthyWinEnter{from{opacity:0;transform:perspective(1200px) rotate(-4deg) translateY(28px) scale(.96)}to{opacity:1;transform:perspective(1200px) rotate(-2.5deg) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}}
@keyframes earthyDrawLine{from{stroke-dashoffset:460}to{stroke-dashoffset:0}}
@keyframes earthyFloatSlow{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-8px) rotate(var(--r,0deg))}}
@keyframes earthyBlobDrift{0%,100%{transform:rotate(-9deg) scale(1)}50%{transform:rotate(-6deg) scale(1.025)}}
@keyframes earthySeedPulse{0%{box-shadow:0 0 0 3px #88a46144}70%{box-shadow:0 0 0 11px #88a46100}100%{box-shadow:0 0 0 3px #88a46100}}
@keyframes earthyRipple{0%{transform:scale(.95);opacity:.55}100%{transform:scale(1.65);opacity:0}}
@keyframes earthySpinSoft{0%,100%{transform:rotate(10deg) scale(1)}50%{transform:rotate(22deg) scale(1.06)}}
@keyframes earthySheen{0%{transform:translateX(-140%) skewX(-22deg)}100%{transform:translateX(260%) skewX(-22deg)}}
@keyframes earthyDialogIn{from{opacity:0;transform:translateY(14px) scale(.965)}to{opacity:1;transform:none}}
@keyframes earthyFaqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

.scroll-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(var(--scroll,0));background:linear-gradient(90deg,#6c9455 0%,#d7a855 60%,#bc764e 100%);z-index:50;pointer-events:none;transition:transform .06s linear}

.seed-dot{animation:earthySeedPulse 2.6s ease-out infinite}
.world-word svg path{stroke-dasharray:460;stroke-dashoffset:460;animation:earthyDrawLine .95s cubic-bezier(.22,1,.36,1) .42s forwards}
.hero-visual:before{animation:earthyBlobDrift 11s ease-in-out infinite}

.hero-copy .eyebrow{opacity:0;animation:earthyRise .7s cubic-bezier(.22,1,.36,1) .05s forwards}
.hero-copy h1{opacity:0;animation:earthyRise .75s cubic-bezier(.22,1,.36,1) .14s forwards}
.hero-copy .intro{opacity:0;animation:earthyRise .75s cubic-bezier(.22,1,.36,1) .24s forwards}
.hero-copy .hero-actions{opacity:0;animation:earthyRise .75s cubic-bezier(.22,1,.36,1) .34s forwards}
.hero-copy .hero-fine{opacity:0;animation:earthyRise .7s cubic-bezier(.22,1,.36,1) .42s forwards}

.editor-window{transform:perspective(1200px) rotate(-2.5deg) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease;animation:earthyWinEnter .85s cubic-bezier(.22,1,.36,1) .18s backwards;will-change:transform}
.editor-window:hover{transform:perspective(1200px) rotate(-1.5deg) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-3px);box-shadow:0 30px 58px #1b3b272a,0 8px 0 #c9d3b8}
.floating-block{--r:4deg;animation:earthyFloatSlow 5.6s ease-in-out infinite}
.sprout-badge{--r:11deg;animation:earthyFloatSlow 6.4s ease-in-out .9s infinite;transition:transform .28s cubic-bezier(.22,1,.36,1)}
.hero-visual:hover .sprout-badge{transform:rotate(5deg) scale(1.06)}
.orbit-label{--r:7deg;animation:earthyFloatSlow 7s ease-in-out .4s infinite}

.button{position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,background .2s ease}
.button:after{content:'';position:absolute;top:0;left:0;width:42%;height:100%;background:linear-gradient(90deg,transparent,#ffffff38,transparent);transform:translateX(-140%) skewX(-22deg);pointer-events:none}
.button:hover:not(:disabled):after{animation:earthySheen .75s cubic-bezier(.22,1,.36,1)}
.button span[aria-hidden]{display:inline-block;transition:transform .22s cubic-bezier(.22,1,.36,1)}
.button:hover:not(:disabled) span[aria-hidden]{transform:translate(2px,-2px)}
.play-icon{transition:transform .22s cubic-bezier(.22,1,.36,1),background .2s ease,border-color .2s ease}
.text-button:hover .play-icon{transform:scale(1.12);background:#e7efd8;border-color:#9bb082}

.feature-card{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .25s ease}
.feature-card:hover{transform:translateY(-6px);border-color:#c9d3b6;box-shadow:0 18px 38px #23473116,0 7px 0 #d5dec3}
.world-art svg,.blocks-art .sample-block,.asset-tile,.asset-plus,.drawn-star{transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .32s ease,color .25s ease}
.scene-card:hover .world-art svg{transform:scale(1.04) translateY(-3px)}
.blocks-card:hover .sample-block.event{transform:rotate(-5deg) translate(-2px,-3px)}
.blocks-card:hover .sample-block.action{transform:rotate(-1deg) translate(4px,-1px)}
.blocks-card:hover .sample-block.second{transform:rotate(5deg) translate(-2px,2px)}
.blocks-card:hover .sample-block.second+.action{transform:rotate(1deg) translate(4px,4px)}
.blocks-card:hover .drawn-star{transform:rotate(32deg) scale(1.12);color:#d7a55b}
.assets-card:hover .sprite-tile{transform:rotate(-13deg) translate(-6px,-4px) scale(1.04)}
.assets-card:hover .model-tile{transform:rotate(13deg) translate(6px,10px) scale(1.04)}
.assets-card:hover .asset-plus{transform:scale(1.28) rotate(90deg);color:#65874e}

.poster-sun{animation:earthyFloatSlow 7s ease-in-out infinite}
.poster-player{--r:23deg;animation:earthyFloatSlow 3.8s ease-in-out infinite}
.poster-gem.one{animation:earthyFloatSlow 3.2s ease-in-out .3s infinite}
.poster-gem.two{animation:earthyFloatSlow 3.6s ease-in-out 1.1s infinite}
.round-play{display:grid;place-items:center;padding-left:4px;transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s ease}
.round-play:before{content:'';position:absolute;inset:-2px;border-radius:50%;border:2px solid #fffef1cc;animation:earthyRipple 2.4s cubic-bezier(.2,.7,.3,1) infinite;pointer-events:none}
.round-play:hover{transform:scale(1.14);background:#ffffff}

.steps li>span{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease}
.steps li:hover>span{transform:rotate(0deg) translateY(-3px) scale(1.08)}

.pricing-copy img{--r:-9deg;animation:earthyFloatSlow 6.8s ease-in-out infinite;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.pricing-section:hover .pricing-copy img{transform:rotate(-2deg) scale(1.06)}
.price-card{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease}
.price-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #25463218,0 9px 0 #cdd7bc}
.included li{transition:transform .2s cubic-bezier(.22,1,.36,1)}
.included li:hover{transform:translateX(4px)}
.buy-button:not(:disabled){box-shadow:0 5px 0 #183223,0 10px 24px #294d3830}
.buy-button:not(:disabled):hover{box-shadow:0 7px 0 #183223,0 16px 32px #294d383d}

.faq-list details[open] p{animation:earthyFaqIn .28s cubic-bezier(.22,1,.36,1)}
.last-note>span{display:inline-block;animation:earthySpinSoft 6s ease-in-out infinite}

dialog[open]{animation:earthyDialogIn .32s cubic-bezier(.22,1,.36,1)}

html.has-motion [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
html.has-motion [data-reveal].is-visible{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  .scroll-progress{display:none}
  .world-word svg path{stroke-dashoffset:0!important;animation:none!important}
  .hero-copy>*,.editor-window,html.has-motion [data-reveal]{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
}