@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f3f3ec;--ink:#17211c;--dark:#101513;--lime:#d7f66b;--coral:#ff977e;--muted:#677068;--line:#d9ddd3;--font:'DM Sans',Arial,sans-serif;--display:'Space Grotesk','DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #79992d;outline-offset:5px}button{color:inherit}header{height:92px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;background:var(--bg);gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:25px}.mark{font:bold 55px var(--display);letter-spacing:-6px;position:relative;line-height:1;padding-right:12px}.mark span{display:inline-block;transform:translateY(2px)}.mark i{width:9px;height:9px;background:var(--coral);border-radius:50%;position:absolute;right:0;top:7px}.brand-note{font-size:8px;font-weight:700;letter-spacing:1.2px;line-height:1.7}nav{display:flex;gap:34px;font-size:13px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-7px;left:0;width:0;height:2px;background:var(--ink);transition:.2s}nav a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:22px}.lang{background:none;border:0;font-size:12px}.small-cta{border:1px solid var(--ink);border-radius:30px;padding:12px 22px;font-size:12px}.hero{background:var(--dark);color:var(--bg);position:relative;min-height:650px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-grid{position:absolute;inset:0;opacity:.05;background-image:linear-gradient(#d5e1c7 1px,transparent 1px),linear-gradient(90deg,#d5e1c7 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(to right,transparent,black)}.hero-content{position:relative;z-index:1;padding:72px 0 28px 9%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow,.kicker{font-size:10px;letter-spacing:2px;font-weight:600;line-height:1.7}.eyebrow{display:flex;align-items:center;gap:10px;color:#c8d0be}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px #d7f66b55}h1{font-family:var(--display);font-size:clamp(70px,7.6vw,118px);font-weight:500;line-height:1.02;letter-spacing:-6px;margin:34px 0 24px;position:relative}h1 em{font-style:normal;color:var(--lime)}.h1-star{font-size:50px;color:var(--coral);position:absolute;right:-75px;bottom:16px;font-weight:400}.hero-copy{font-size:19px;line-height:1.65;color:#aab6ac;margin:0 0 33px}.hero-buttons{display:flex;align-items:center;gap:30px}.button{border-radius:40px;padding:17px 23px;display:inline-flex;align-items:center;gap:35px;border:0;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.lime{background:var(--lime);color:var(--ink)}.dark{background:var(--ink);color:var(--bg)}.quiet-link{display:inline-flex;gap:12px;align-items:center;font-size:12px;font-weight:500}.quiet-link:hover{text-decoration:underline;text-underline-offset:5px}.play-icon{width:26px;height:26px;display:grid;place-items:center;border:1px solid #657463;border-radius:50%;font-size:8px}.hero-foot{margin-top:auto;padding-top:52px;font-size:8px;letter-spacing:1.5px;color:#87968a;width:100%;display:flex;justify-content:space-between}.hero-scroll{display:none}.orb-stage{position:relative;min-width:0}#orb{width:100%;height:100%;position:absolute;inset:0}.orb-label{position:absolute;color:#87968a;font-size:8px;letter-spacing:1.5px}.orb-label.top{top:44px;left:18%;display:flex;gap:30px;align-items:center}.cross{font-size:24px;color:#c0c9b9}.orb-label.bottom{bottom:28px;right:9%;display:flex;gap:75px}.orb-label.bottom span{font-size:22px;color:var(--lime)}.orb-tag{position:absolute;top:58%;right:8%;padding:12px 17px;border:1px solid #778b7770;border-radius:25px;background:#18221bd9;backdrop-filter:blur(10px);font-size:10px;transform:rotate(-8deg);color:#d8e1d1}.orb-tag i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px}.ribbon{background:var(--lime);overflow:hidden;display:flex;white-space:nowrap;align-items:center;justify-content:space-around;gap:35px;padding:22px 0;font-size:13px;font-weight:600;letter-spacing:1.6px}.ribbon b{font-size:25px;font-weight:400}.section{padding:100px 6.5%;max-width:1700px;margin:auto}.section-intro{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:47px}.kicker{color:var(--muted);margin:0 0 22px}h2{font-family:var(--display);font-size:clamp(32px,3.8vw,58px);font-weight:500;line-height:1.1;letter-spacing:-2.2px;margin:0}.section-desc{max-width:320px;line-height:1.75;font-size:14px;color:var(--muted);margin:0 0 6px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.feature-art{height:285px;position:relative;overflow:hidden;border-radius:3px}.art-coordinate{position:absolute;top:20px;left:20px;font-size:8px;letter-spacing:1.8px;color:#fff9}.art-image{background:radial-gradient(ellipse at 80% 10%,#7f91a7,#2c314f 60%,#252b3a)}.planet{height:240px;width:240px;position:absolute;top:65px;left:calc(50% - 120px);border-radius:50%;background:radial-gradient(circle at 34% 18%,#f2e4d7,#a8b2bd 25%,#637282 40%,#293547 64%,#121d2b 80%);box-shadow:-4px -5px 30px #e0e4fd40,inset 5px 3px 8px #ffffe380;transform:rotate(-25deg)}.planet:after{content:'';position:absolute;width:330px;height:65px;border:15px solid #c4c7d665;border-top:5px solid #c4c7d625;border-radius:50%;top:76px;left:-45px;transform:rotate(-22deg)}.moon{position:absolute;top:45px;right:60px;width:35px;height:35px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#f4cbb3,#9c7b83 60%,#313342)}.art-pill{position:absolute;bottom:19px;left:18px;border:1px solid #fff4;color:#fffc;font-size:7px;letter-spacing:1.4px;padding:9px 11px;border-radius:20px;backdrop-filter:blur(8px)}.art-video{background:linear-gradient(#3b3f38,#877a5c 40%,#c2a477 58%,#372f2e 58%)}.video-sun{width:140px;height:140px;position:absolute;left:calc(50% - 70px);top:54px;border-radius:50%;background:linear-gradient(#ffe9ac,#d17b49);box-shadow:0 0 60px #ffd38d44}.video-horizon{position:absolute;inset:50% -20% -30%;background:repeating-linear-gradient(0deg,transparent 0 19px,#f5ad7540 20px 21px),repeating-linear-gradient(90deg,transparent 0 65px,#f5ad7530 66px 67px),#322f2b;transform:perspective(180px) rotateX(40deg)}.timeline{position:absolute;bottom:20px;left:20px;right:20px;height:37px;border:1px solid #ffdca350;background:#322b28a0;backdrop-filter:blur(8px);display:flex;gap:3px;padding:6px;align-items:stretch;border-radius:4px}.timeline i{flex:1;background:linear-gradient(110deg,#bc9461,#6b5041);border-radius:2px}.timeline i:nth-child(2){background:linear-gradient(110deg,#7e603e,#d2ac77)}.timeline span{font-size:8px;color:#ffeacb;align-self:center;padding:0 5px}.art-chat{background:#d6d4e8}.chat-bubble{font-size:12px;position:absolute;padding:20px 22px;border-radius:16px;box-shadow:0 12px 25px #40365010;line-height:1.5;z-index:1}.chat-bubble.first{top:78px;left:25px;right:40px;background:#f8f6ff;border-bottom-left-radius:2px}.chat-bubble.first span{float:right;font-size:20px;margin-left:10px;color:#79708e}.chat-bubble.second{left:50px;right:20px;top:153px;background:#222d23;color:#e8eed7;border-bottom-right-radius:2px}.chat-bubble.second i{color:var(--lime);font-size:20px;margin-left:12px;font-style:normal}.art-chat .art-coordinate{color:#665f78}.chat-dot-grid{position:absolute;inset:0;background-image:radial-gradient(#7e718b25 1px,transparent 1px);background-size:15px 15px}.feature-title{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:10px}.feature-title h3{font:500 21px var(--display);letter-spacing:-.6px;margin:0}.feature-title>span{font-size:10px;color:#798273}.feature p{font-size:13px;color:var(--muted);line-height:1.75;margin:12px 0 20px;max-width:330px}.category{font-size:8px;letter-spacing:1.5px;border-top:1px solid var(--line);display:block;padding-top:17px;color:#4b574d}.art-caption{font-size:10px;line-height:1.6;color:#899082;margin-top:28px}.playground{background:#e8ebe1;max-width:none;padding-top:85px;padding-bottom:90px}.play-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px}.studio,.game-panel{border:1px solid #cbd2c3;border-radius:7px;overflow:hidden;background:var(--bg);min-width:0}.panel-heading{height:51px;display:flex;align-items:center;padding:0 20px;gap:10px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1px;font-weight:600}.panel-dot{height:6px;width:6px;border-radius:50%;background:#819451}.panel-dot.coral{background:var(--coral)}.demo-label{margin-left:auto;font-size:7px;color:#6f776c;letter-spacing:1.2px;padding:5px 7px;border:1px solid #d4d9cb;border-radius:3px}.sketch-preview{height:270px;background:#25283c;overflow:hidden}.sketch-preview svg{width:100%;height:100%;display:block}.studio-body{padding:22px}.studio-caption{display:flex;justify-content:space-between;gap:10px;font:500 15px var(--display);margin-bottom:23px}.studio-caption>span:last-child{font:8px var(--font);letter-spacing:1px;color:var(--muted);margin-top:4px}.studio label{font-size:10px;color:var(--muted);display:block;margin-bottom:8px}.prompt-box{display:flex;gap:8px;border:1px solid #cbd1c3;border-radius:5px;padding:5px;background:#fafaf5}.prompt-box input{background:transparent;border:none;flex:1;width:0;min-width:0;padding:9px 8px;font-size:12px;color:var(--ink)}.prompt-box button{border:none;border-radius:4px;width:37px;background:var(--ink);color:var(--lime);font-size:20px}.style-buttons{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.style-chip{font-size:9px;border:1px solid #d7dccf;background:transparent;border-radius:20px;padding:7px 10px}.style-chip.active{background:#e4ebd5;border-color:#8eaa60}.studio-bottom{display:flex;justify-content:space-between;gap:15px;align-items:flex-end;margin-top:17px}.studio-bottom p{font-size:9px;line-height:1.7;color:#7b8576;max-width:300px;margin:0}.text-button{background:none;border:0;padding:0;font-size:10px;white-space:nowrap}.text-button:hover{text-decoration:underline}.game-panel{background:#141c18;color:var(--bg);display:flex;flex-direction:column;border-color:#29362b}.game-panel .panel-heading{border-color:#334034}.game-panel .demo-label{border-color:#41503d;color:#a9b6a2}.game-wrap{position:relative;flex:1;min-height:394px;overflow:hidden}.game-wrap canvas{width:100%;height:100%;position:absolute;inset:0;touch-action:none}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#10191355;text-align:center;padding:20px}.game-overlay[hidden],.game-hud[hidden]{display:none}.game-emblem{font-size:60px;color:var(--lime);line-height:1.1}.game-overlay h3{font:500 40px/1.08 var(--display);letter-spacing:-1.5px;margin:16px 0}.game-overlay p{color:#a9b5a2;font-size:12px;margin:0 0 23px}.game-overlay .button{padding:12px 23px;font-size:12px}.game-hud{position:absolute;left:20px;right:20px;top:20px;display:flex;align-items:center;gap:20px;pointer-events:none}.game-hud b{font:500 28px var(--display);color:var(--lime)}.game-hud small{font-size:8px;letter-spacing:1px;color:#a4b299}.game-hud>#time{margin-left:auto;font-size:16px}.game-hud button{pointer-events:auto;background:#223024;border:1px solid #53644b;color:#d7e8cf;border-radius:4px;width:30px;height:30px}.game-footer{padding:19px 20px;border-top:1px solid #334034;font-size:9px;color:#9daa96;min-height:93px}.key{display:inline-block;padding:3px 5px;border:1px solid #4a5942;border-radius:3px;margin-right:3px;color:#bdceb0;font-size:10px}.game-footer>div>span:last-child{margin-left:8px}.game-footer p{font-size:9px;letter-spacing:.3px;margin:12px 0 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-top:110px;padding-bottom:110px}.about-visual{height:400px;background:#e0e5d6;position:relative;overflow:hidden;display:grid;place-items:center}.about-ring{position:absolute;border:1px solid #bfc9b4;border-radius:50%;width:350px;height:350px;transform:rotate(-25deg) scaleX(.55)}.r2{transform:rotate(35deg) scaleX(.55)}.r3{transform:rotate(95deg) scaleX(.55)}.about-symbol{font:500 135px var(--display);letter-spacing:-15px;z-index:1;position:relative;padding-right:18px}.about-symbol span{color:#455c3f}.about-symbol i{position:absolute;right:0;top:32px;background:var(--coral);width:18px;height:18px;border-radius:50%}.about-visual-label{position:absolute;bottom:24px;left:25px;font-size:8px;letter-spacing:1.5px;line-height:1.7;color:#5f6b58}.about-copy h2{font-size:clamp(32px,3.4vw,50px)}.about-copy>p:not(.kicker){font-size:13px;line-height:1.8;color:var(--muted);max-width:420px;margin:24px 0}.about-copy .quiet-link{border-bottom:1px solid #b9c5af;padding:0 0 8px;margin-top:8px}.closing{background:var(--lime);padding:75px 6.5% 82px;position:relative;overflow:hidden}.closing h2{font-size:clamp(50px,6vw,86px);letter-spacing:-3.5px;position:relative;z-index:1}.closing .kicker{color:#5c7031;font-size:9px}.closing .button{margin-top:30px;position:relative;z-index:1}.closing-star{position:absolute;right:9%;top:calc(50% - 165px);font-size:330px;line-height:1;color:#17211c;transform:rotate(12deg)}footer{padding:45px 6.5%;display:flex;align-items:center;gap:40px}footer strong{font-size:9px;letter-spacing:1px}footer p{font-size:10px;color:var(--muted);margin:7px 0}.footer-end{margin-left:auto;display:grid;grid-template-columns:auto auto;column-gap:30px;row-gap:13px;font-size:10px}.footer-end>span{color:var(--muted)}.footer-end button{grid-column:1/-1;text-align:right;color:var(--muted);font-size:9px}dialog{max-width:540px;width:calc(100% - 36px);border:1px solid #bdc9ad;border-radius:10px;padding:40px;background:var(--bg);color:var(--ink)}dialog::backdrop{background:#07120bd9;backdrop-filter:blur(5px)}dialog h2{font-size:30px;letter-spacing:-1px}dialog>p:not(.kicker){font-size:13px;line-height:1.85;color:var(--muted)}.dialog-close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:26px}.skip,.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{clip:auto;width:auto;height:auto;top:5px;left:5px;padding:10px;background:var(--lime);z-index:10}[lang="zh-CN"] h1{font-size:clamp(65px,6.2vw,92px);letter-spacing:-3px}[lang="zh-CN"] h2{line-height:1.25;letter-spacing:-1px}[lang="zh-CN"] .feature-title h3{font-size:20px}
@media(min-width:1500px){.hero{min-height:760px}.hero-content{padding-top:100px}}@media(max-width:1050px){.brand-note{display:none}h1{letter-spacing:-4px}.hero-content{padding-left:10%}.hero-buttons{gap:17px}.hero-buttons .quiet-link{font-size:10px}.button{padding:15px 19px;gap:20px}.hero{min-height:590px}.h1-star{right:-50px;font-size:35px}.feature-grid{gap:20px}.feature-art{height:240px}.feature-title h3{font-size:18px}.chat-bubble{font-size:10px;padding:17px 15px}.chat-bubble.first{left:15px;right:25px}.chat-bubble.second{left:30px;right:13px;top:145px}.section{padding-left:5%;padding-right:5%}.section-desc{max-width:280px}.game-overlay h3{font-size:35px}.game-footer>div>span:last-child{display:block;margin:8px 0 0}.game-footer{min-height:109px}.closing-star{right:4%;font-size:280px;top:calc(50% - 140px)}}
@media(max-width:760px){header{height:75px;padding:0 5%}.mark{font-size:45px}.mark i{width:7px;height:7px}nav{gap:17px;font-size:11px}nav a:first-child{display:none}.header-actions{gap:12px}.small-cta{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-content{padding:48px 6% 25px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:78px;margin:26px 0 22px;letter-spacing:-4px}.h1-star{right:-55px;bottom:10px;font-size:38px}.hero-copy{font-size:16px;line-height:1.6;margin-bottom:24px}.hero-buttons{gap:24px}.hero-buttons .quiet-link{font-size:11px}.hero-foot{padding-top:32px;font-size:7px}.orb-stage{height:390px;margin-top:-5px}.orb-label.top{top:15px;left:7%;font-size:7px}.orb-label.bottom{bottom:21px;right:6%;font-size:7px}.orb-tag{font-size:9px;right:7%;top:55%}.ribbon{gap:24px;justify-content:flex-start;padding:15px 20px;font-size:10px}.ribbon b{font-size:18px}.section{padding:65px 6%}.section-intro{display:block;margin-bottom:32px}h2{font-size:38px;letter-spacing:-1.5px}.section-desc{margin-top:23px;max-width:100%;font-size:13px}.kicker{font-size:9px;margin-bottom:16px}.feature-grid{grid-template-columns:1fr;gap:38px}.feature-art{height:300px}.feature-title h3{font-size:23px}.feature p{max-width:none}.category{padding-top:12px}.chat-bubble{font-size:14px;max-width:300px}.chat-bubble.first{left:10%;right:16%;top:85px}.chat-bubble.second{left:20%;right:8%;top:164px}.planet{top:70px;width:250px;height:250px}.play-layout{grid-template-columns:1fr;gap:24px}.sketch-preview{height:245px}.studio-caption{font-size:14px}.studio-body{padding:19px}.game-wrap{min-height:370px}.game-footer{min-height:90px}.game-footer>div>span:last-child{display:inline;margin-left:7px}.about{grid-template-columns:1fr;gap:35px}.about-visual{height:330px}.about-copy h2{font-size:38px}.about-copy>p:not(.kicker){max-width:none}.closing{padding:55px 6% 65px}.closing h2{font-size:54px;letter-spacing:-2px}.closing-star{font-size:160px;right:-50px;top:140px;opacity:.15}.closing .kicker{font-size:8px}footer{padding:35px 6%;gap:22px;flex-wrap:wrap}footer .mark{font-size:45px}.footer-end{width:100%;margin:3px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:20px}.footer-end button{font-size:9px}[lang="zh-CN"] h1{font-size:70px}[lang="zh-CN"] .hero-buttons{gap:18px}}
@media(max-width:760px){h1{font-size:clamp(44px,12vw,78px);letter-spacing:-2px}[lang="zh-CN"] h1{font-size:clamp(46px,14.6vw,60px);letter-spacing:-2px}.h1-star{right:-40px;font-size:29px}.hero-content{padding-top:42px}.hero-buttons{gap:18px}.hero-buttons .quiet-link{font-size:10px}.hero-buttons .button{padding:15px 17px;gap:17px}}
.site-logo{display:block;width:88px;height:56px}.about-logo{width:220px;position:relative;z-index:1}.studio-launch{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:#e1e8d4;max-width:none}.studio-launch>div:first-child>p:not(.kicker){max-width:430px;font-size:13px;line-height:1.85;color:#6d7a61;margin:23px 0}.studio-launch .button{margin-top:4px}.launch-tags{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;font-size:7px;letter-spacing:1px;color:#768966}.launch-art{height:355px;position:relative;display:flex;align-items:center;justify-content:center}.launch-window{position:relative;border:1px solid #566c48;background:#1c2d20;border-radius:8px;padding:17px;transform:rotate(-5deg);width:90%;box-shadow:0 25px 40px #36512a2b}.launch-window>span{font-size:8px;letter-spacing:1.5px;color:#b3c5a1;display:block;padding:0 0 14px}.launch-landscape{height:210px;position:relative;overflow:hidden;background:linear-gradient(#253b54,#92b4ae)}.launch-landscape:before,.launch-landscape:after{content:'';position:absolute;left:-20px;right:-20px;height:120px;bottom:-20px;background:#306f69;clip-path:polygon(0 60%,20% 5%,38% 70%,58% 0,80% 80%,100% 30%,100% 100%,0 100%)}.launch-landscape:after{bottom:-45px;background:#183d42;transform:scaleX(-1)}.launch-landscape i{position:absolute;top:25px;right:25%;height:90px;width:90px;background:radial-gradient(circle at 30% 20%,#d5edd0,#95bfc2);border-radius:50%}.launch-window-bottom{padding-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#d2dfc4}.launch-window-bottom b{display:grid;place-items:center;background:var(--lime);color:var(--ink);height:24px;width:31px;border-radius:14px;font-size:14px}.launch-logo{position:absolute;width:100px;right:-8px;top:-3px;transform:rotate(15deg)}.launch-sticker{position:absolute;bottom:-4px;right:10px;background:var(--coral);color:var(--ink);border:1px solid #c7755d;padding:13px 20px;border-radius:24px;font-size:8px;letter-spacing:1px;transform:rotate(6deg)}
@media(max-width:760px){.site-logo{width:71px;height:47px}.studio-launch{grid-template-columns:1fr;gap:42px}.launch-art{height:310px;margin-bottom:10px}.launch-landscape{height:180px}.launch-logo{right:2px;width:80px;top:2px}.launch-sticker{bottom:2px}.brand-note{display:none}.about-logo{width:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}