:root{--ink:#f1f3ef;--muted:#a1aaa4;--faint:#77827b;--green:#c1f075;--background:#090c0b;--surface:#111613;--line:#273129;--body:"Segoe UI","Microsoft YaHei",sans-serif;--display:"Microsoft YaHei UI","Microsoft YaHei",sans-serif;--mono:"Cascadia Code",Consolas,monospace;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--background);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500}::selection{background:var(--green);color:var(--background)}:focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:3px}.page-width{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:118px}.eyebrow{font-family:var(--mono);font-size:.75rem;font-weight:400;letter-spacing:.16em;color:var(--green);line-height:1.6}.skip-link{position:fixed;top:-80px;left:20px;z-index:20;background:var(--green);color:var(--background);padding:12px 24px}.skip-link:focus{top:10px}
.site-header{position:absolute;top:0;inset-inline:0;z-index:10;border-bottom:1px solid #ffffff13;background:linear-gradient(180deg,#090c0bc7,transparent)}.header-inner{width:min(1384px,calc(100% - 80px));margin:auto;min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:154px;height:auto}.desktop-nav{display:flex;gap:36px;font-size:.875rem;color:#cbd0ca}.desktop-nav a,.footer-top nav a{transition:color .2s}.desktop-nav a:hover,.footer-top nav a:hover{color:var(--green)}.header-cta{border:1px solid #a3b79361;padding:9px 21px;font-size:.875rem;border-radius:4px;background:#10160f55;transition:background .2s,border-color .2s}.header-cta:hover{border-color:var(--green);background:#c1f07513}.menu-toggle{display:none;background:transparent;border:0;width:42px;height:42px;padding:10px}.menu-toggle span{display:block;height:1px;background:var(--ink);margin:7px 0}.mobile-nav[hidden]{display:none}.mobile-nav{background:#0f1512;border-bottom:1px solid var(--line);padding:15px 24px;display:grid}.mobile-nav a{padding:12px}
.hero{min-height:800px;height:min(900px,100svh);position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:#0b1512}.hero-art{position:absolute;inset:0;z-index:-3;background-image:url('assets/hero.webp');background-size:cover;background-position:center 63%;animation:hero-arrive 1.8s ease both}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#070c0ae6 0%,#090e0acc 20%,#070c0a70 43%,#070c0a0a 68%,#070c0a22 100%),linear-gradient(180deg,#080e0a55 0%,transparent 35%,#080d0a2b 62%,#090c0b 100%)}.hero-content{padding-top:38px;position:relative}.hero-eyebrow{font-family:var(--body);display:flex;align-items:center;gap:12px;font-size:.875rem;letter-spacing:.15em;margin-bottom:28px}.eyebrow-line{width:27px;height:1px;background:var(--green)}.hero h1{font-size:clamp(4rem,6.1vw,6.25rem);font-weight:500;line-height:1.25;letter-spacing:-.045em}.hero h1 span{color:var(--green)}.hero-description{margin-top:29px;line-height:1.95;color:#c1cbc2;font-size:1.0625rem}.hero-actions{display:flex;align-items:center;gap:16px;margin-top:34px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 26px;border:1px solid transparent;border-radius:4px;font-size:.9375rem;font-weight:600;line-height:1.5;transition:background .2s,transform .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--green);color:#162014}.button-primary:hover{background:#d1ff88}.button-quiet{background:#11191477;border:1px solid #9faa9e44;color:#e7eae5;font-weight:400}.button-quiet:hover{background:#202d2288;border-color:#ccd8cc80}.button-quiet svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3}.platform-label{display:flex;align-items:center;gap:8px;color:#a1b19f;font-size:.75rem;margin-top:27px}.platform-label svg{width:14px;height:14px;fill:currentColor}.platform-label span{margin-left:8px;border-left:1px solid #79877455;padding-left:16px}.hero-caption{position:absolute;right:9%;bottom:27%;width:240px;padding:20px 26px;color:#dbe5db;display:flex;flex-direction:column;font-size:.75rem;gap:4px;backdrop-filter:blur(3px);background:linear-gradient(90deg,#0c181222,transparent)}.hero-caption strong{font-size:1.125rem;font-weight:500;letter-spacing:.12em}.caption-kicker{font-family:var(--mono);font-size:.75rem;color:#c1d3be;letter-spacing:.14em}.frame-corner{position:absolute;width:18px;height:18px;opacity:.7}.top-left{top:0;left:0;border-top:1px solid #c1f075;border-left:1px solid #c1f075}.bottom-right{bottom:0;right:0;border-bottom:1px solid #c1f075;border-right:1px solid #c1f075}.hero-bottom{position:absolute;inset-inline:0;bottom:32px;display:flex;justify-content:space-between;align-items:center;color:#7f8b81;font-size:.75rem}.hero-bottom>span:first-child{font-family:var(--mono);letter-spacing:.14em}.hero-bottom a{display:flex;align-items:center;gap:12px;color:#c4cfc2}.scroll-line{height:23px;width:1px;background:linear-gradient(#bdcea8,transparent)}
.capability-strip{display:flex;align-items:center;justify-content:center;gap:44px;border-block:1px solid #263128;padding:28px 24px;color:#bbc6bc;font-size:.9375rem;background:#0e140f}.strip-plus{color:#65785c;font-size:.875rem}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:17px}h2{font-size:clamp(2rem,3.1vw,3rem);letter-spacing:-.035em;line-height:1.45}.section-intro{color:var(--muted);font-size:.9375rem;line-height:1.9;max-width:440px}.workflow-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);margin-bottom:28px}.workflow-tabs button{display:flex;justify-content:center;align-items:center;gap:15px;padding:19px 8px;color:#8e9a91;border:0;border-bottom:2px solid transparent;background:transparent;font-size:1rem;transition:color .2s,background .2s}.workflow-tabs button:hover{color:#e2e9df;background:#111813}.workflow-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green);background:linear-gradient(0deg,#c1f07509,transparent)}.step-number{font-family:var(--mono);font-size:.75rem;opacity:.7}.workspace{border:1px solid #3a4a3f;border-radius:10px;overflow:hidden;background:#131a16;box-shadow:0 20px 80px #0004;position:relative}.workspace-bar{height:46px;background:#1a221d;display:flex;align-items:center;justify-content:space-between;padding:0 21px;border-bottom:1px solid #303b33;color:#b5c1b8;font-size:.75rem;gap:12px}.workspace-dots{display:flex;gap:7px;width:62px}.workspace-dots i{width:7px;height:7px;border:1px solid #647668;border-radius:50%}.demo-label{border:1px solid #405044;padding:1px 8px;border-radius:3px;color:#acbcae;font-size:.75rem}.workspace-body{display:flex;min-height:420px}.workspace-sidebar{width:122px;padding:24px 13px;background:#141c17;border-right:1px solid #2b382e;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.workspace-symbol{height:35px;max-width:45px;margin:0 auto 20px}.workspace-nav{display:flex;align-items:center;gap:10px;padding:10px 6px;border-radius:5px;color:#b3c0b7;font-size:1.05rem}.workspace-nav span{font-size:.75rem}.workspace-nav.active{background:#c1f07516;color:var(--green)}.workspace-sidebar-bottom{margin-top:auto;color:#8fa394;font-size:.75rem;padding:10px 6px}.workspace-content{flex:1;min-width:0;padding:28px 30px;background-color:#101713;background-image:radial-gradient(#83948020 .7px,transparent .7px);background-size:17px 17px;display:flex;flex-direction:column}.demo-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.demo-topline h4{margin:0;font-size:.9375rem;font-weight:500}.demo-topline span{font-size:.75rem;color:#94a598}.demo-content-note{font-size:.75rem;color:#87968c;margin-top:15px;text-align:right}.library-crumb{font-size:.75rem;color:#8d9e92;margin-bottom:12px}.library-crumb b{font-weight:400;color:var(--green)}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.demo-asset{margin:0;background:#1a251d;border:1px solid #354438;border-radius:6px;overflow:hidden;min-width:0}.demo-asset img{height:108px;width:100%;object-fit:cover}.demo-asset figcaption{padding:7px 10px;font-size:.75rem;color:#c0ccc3;display:flex;justify-content:space-between;gap:5px}.demo-asset figcaption small{color:#91a293;font-size:.75rem}.canvas-demo{position:relative;flex:1;min-height:292px;display:flex;align-items:center;justify-content:center;gap:55px;padding:20px 0}.canvas-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.canvas-lines path{fill:none;stroke:#91b86e;stroke-width:1.5;opacity:.7}.demo-node{width:25%;max-width:220px;min-width:0;background:#18221c;border:1px solid #455746;border-radius:7px;overflow:hidden;position:relative;z-index:1}.node-label{font-size:.75rem;padding:9px 12px;border-bottom:1px solid #3a4d3e;background:#1c2920;display:flex;justify-content:space-between;align-items:center;color:#c8d4ca;gap:8px}.node-label span{color:#a8d477}.node-text{padding:15px 12px;color:#c5d0c8;font-size:.8125rem;line-height:1.8}.demo-node img{height:139px;width:100%;object-fit:cover}.node-footer{font-size:.75rem;color:#99ac9d;padding:8px 10px}.generation-demo{display:grid;grid-template-columns:1fr 1.4fr;gap:23px;flex:1;align-items:stretch}.prompt-block{background:#18221c;border:1px solid #38483b;border-radius:6px;padding:20px;color:#b9c8be;display:flex;flex-direction:column;gap:16px}.prompt-block h5{font-size:.8125rem;font-weight:500;margin:0;color:#dfebdf}.prompt-block p{font-size:.8125rem;line-height:1.85}.prompt-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.prompt-chips span{font-size:.75rem;background:#253229;padding:3px 8px;border-radius:3px;color:#bad0bc}.generation-picture{position:relative;border:1px solid #405341;border-radius:6px;overflow:hidden}.generation-picture img{width:100%;height:100%;min-height:240px;object-fit:cover}.generation-picture span{position:absolute;bottom:10px;left:14px;background:#0b110bdd;border:1px solid #758c6b66;border-radius:3px;padding:3px 9px;font-size:.75rem;color:#c6dbb8}.storyboard-demo{display:flex;flex-direction:column;justify-content:center;flex:1}.storyboard-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.storyboard-frame{margin:0;min-width:0;background:#1b261e;border:1px solid #3e4f41;border-radius:5px;overflow:hidden}.storyboard-frame img{width:100%;height:165px;object-fit:cover}.storyboard-frame figcaption{padding:10px 12px;font-size:.75rem;color:#ccd9cf}.storyboard-frame figcaption span{display:block;color:#a8b9ad;margin-top:5px}.demo-timeline{margin-top:24px;display:flex;gap:6px;height:28px}.demo-timeline span{flex:1;border:1px solid #5a764b;background:#94bc6d26;color:#b4cc9b;font-size:.75rem;text-align:center;border-radius:3px;line-height:26px}.demo-timeline span:nth-child(2){background:#63978526;border-color:#486d5c;color:#9abdaf}.workflow-description{margin-top:27px;display:flex;justify-content:space-between;gap:50px;align-items:center;min-height:105px}.workflow-description .eyebrow{font-size:.75rem;color:#8fbb71;margin-bottom:8px}.workflow-description h3{font-size:1.375rem;font-weight:400}.workflow-description>p{color:var(--muted);font-size:.9375rem;max-width:540px;line-height:1.9}
.features-section{border-block:1px solid #263128;background:#0d130f}.features-layout{display:grid;grid-template-columns:1fr 1.04fr;gap:100px}.feature-story h2{margin-top:18px;font-size:clamp(2.1rem,3.2vw,3.25rem);line-height:1.5}.feature-lead{color:var(--muted);margin-top:18px;line-height:1.9}.object-visual{margin-top:38px;position:relative;overflow:hidden;border-radius:5px;max-width:470px;background:#121a14}.object-visual img{width:100%;height:285px;object-fit:cover}.object-visual:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#090e0adb)}.object-visual>span{position:absolute;z-index:1;bottom:18px;left:24px;font-size:.8125rem;color:#c2d0c3}.feature-list{display:flex;flex-direction:column}.feature-item{display:flex;gap:25px;padding:32px 0;border-bottom:1px solid #28372b}.feature-item:first-child{padding-top:5px}.feature-item:last-child{border-bottom:0;padding-bottom:0}.feature-icon{height:45px;width:45px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #45583a;background:#a8e46b0a;border-radius:8px;color:var(--green)}.feature-icon svg{height:26px;width:26px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}.feature-item h3{font-size:1.25rem;margin-bottom:11px;font-weight:400}.feature-item p{font-size:.9375rem;color:var(--muted);line-height:1.85}.feature-tag{display:inline-block;margin-top:13px;font-size:.75rem;color:#91ad83;letter-spacing:.06em}
.inspiration-grid{display:grid;grid-template-columns:1.15fr .86fr 1fr;gap:25px;align-items:start}.inspiration-card{border:0;background:transparent;text-align:left;padding:0;min-width:0}.inspiration-card:nth-child(2){margin-top:54px}.inspiration-card:nth-child(3){margin-top:27px}.inspiration-image{position:relative;overflow:hidden;border:1px solid #3e4b40;border-radius:5px}.inspiration-image img{height:330px;width:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1),filter .6s;filter:saturate(.9)}.inspiration-card:first-child .inspiration-image img{object-position:65% center}.inspiration-card:hover .inspiration-image img{transform:scale(1.04);filter:saturate(1.1)}.inspiration-image:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#040d0a88);pointer-events:none}.image-category{position:absolute;top:16px;left:16px;font-size:.75rem;background:#07110aa6;backdrop-filter:blur(8px);border:1px solid #daeacd33;border-radius:3px;padding:5px 10px;color:#e7ebe2}.image-expand{position:absolute;bottom:16px;right:16px;z-index:1;display:grid;place-content:center;width:36px;height:36px;background:#17251caa;border:1px solid #d1dfca44;border-radius:50%;font-size:1.25rem;color:#ddecce;transition:background .2s}.inspiration-card:hover .image-expand{background:var(--green);color:#142011}.inspiration-info{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:17px}.inspiration-info h3{font-size:1.125rem;font-weight:400}.inspiration-info>span{font-size:.75rem;color:#9da99f}.concept-disclaimer{font-size:.75rem;color:#8a998b;margin-top:30px;text-align:right}
.faq-section{border-top:1px solid #263128;display:grid;grid-template-columns:.8fr 1.4fr;gap:100px;padding-bottom:128px}.faq-heading .eyebrow{margin-bottom:18px}.faq-list details{border-bottom:1px solid #2d3a30}.faq-list details:first-child{border-top:1px solid #2d3a30}.faq-list summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:1.0625rem;color:#dbe2d8}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:#a5bb94;font-size:1.4rem;line-height:1;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg);color:var(--green)}.faq-list details[open] summary{color:var(--green)}.faq-list details>p{padding:0 28px 25px 0;color:var(--muted);line-height:1.95;font-size:.9375rem}
.start-section{border-block:1px solid #435534;background:radial-gradient(ellipse at 30% 50%,#24402666,transparent 70%),#142014;position:relative}.start-layout{display:flex;align-items:center;justify-content:space-between;gap:60px;padding-block:85px}.start-layout h2{font-size:clamp(2.1rem,3.6vw,3.5rem);font-weight:400;line-height:1.5;margin-top:18px}.start-actions{padding-top:27px;display:flex;flex-direction:column;align-items:flex-start}.start-actions>p{color:#b8c8b1;font-size:.9375rem;margin-bottom:25px;line-height:1.95}.start-platform{font-size:.75rem;color:#9eaf94;margin-top:16px}.site-footer{padding-block:50px 26px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:39px}.footer-top>p{color:#859888;font-size:.875rem}.footer-top nav{display:flex;gap:28px;font-size:.875rem;color:#afbcaf}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #263128;padding-top:24px;font-size:.75rem;color:#819382}.footer-bottom>span:nth-child(2){font-family:var(--mono);letter-spacing:.08em}.footer-bottom a:hover{color:var(--green)}
dialog{color:var(--ink);border:1px solid #526349;background:#101713;border-radius:10px;width:min(900px,calc(100% - 40px));padding:26px;max-height:90svh;overflow-y:auto;box-shadow:0 30px 150px #0008}dialog::backdrop{background:#030704ce;backdrop-filter:blur(9px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.dialog-top h2{font-size:1.5rem;margin-top:7px}.dialog-close{border:1px solid #475840;border-radius:50%;height:42px;width:42px;background:#213020;flex-shrink:0;font-size:1.7rem;line-height:1;color:#dbe9ce}.dialog-close:hover{background:#374c2b}.concept-dialog>img{border-radius:4px;width:100%;height:auto;max-height:58svh;object-fit:contain;background:#080b09}.concept-dialog>p{font-size:.9375rem;color:#b7c7b6;margin-top:19px}.concept-dialog .dialog-note{font-size:.75rem;color:#9baa91;margin-top:12px}.guide-dialog{max-width:620px;padding:35px}.guide-intro{color:#a9b9a5;font-size:.9375rem;margin-top:8px}.guide-steps{list-style:none;padding:0;margin:26px 0}.guide-steps li{display:flex;gap:20px;padding:20px 0;border-top:1px solid #33452f}.guide-steps li>span{font-family:var(--mono);color:var(--green);font-size:.875rem;padding-top:4px}.guide-steps h3{font-size:1.0625rem;margin-bottom:8px}.guide-steps p{color:#a6b8a4;font-size:.9375rem;line-height:1.85}.guide-explore{width:100%}body.dialog-open{overflow:hidden}
@keyframes hero-arrive{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(min-width:1600px){.hero-content{padding-top:0}.hero{height:900px}.hero-caption{right:max(9%,calc((100% - 1250px)/2))}}
@media(max-width:1150px){.page-width{width:calc(100% - 80px)}.header-inner{width:calc(100% - 64px)}.desktop-nav{gap:24px}.hero{min-height:750px;max-height:900px}.hero h1{font-size:5.1rem}.hero-caption{right:6%;bottom:24%}.capability-strip{gap:25px}.features-layout{gap:55px}.inspiration-info{flex-direction:column;align-items:flex-start;gap:2px}.workspace-content{padding:23px}.canvas-demo{gap:35px}.demo-node{width:28%}.faq-section{gap:60px}.section-intro{font-size:.875rem}.footer-top>p{display:none}}
@media(max-width:850px){.page-width{width:calc(100% - 48px)}.header-inner{width:calc(100% - 48px);min-height:80px}.desktop-nav{gap:20px;font-size:.8125rem}.header-cta{display:none}.hero{min-height:730px;height:92svh}.hero h1{font-size:4.7rem}.hero-shade{background:linear-gradient(90deg,#080e0ad9,#080e0a77 60%,#080e0a22),linear-gradient(180deg,#080e0a22,transparent 45%,#090c0b)}.hero-caption{bottom:19%;right:5%;width:180px;padding:13px 16px}.hero-caption>span:last-child{display:none}.hero-bottom>span:last-child{display:none}.capability-strip{gap:15px;font-size:.8125rem;padding:23px 18px}.section-space{padding-block:85px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:32px}.section-intro br{display:none}.section-intro{max-width:600px;font-size:.9375rem}.workflow-tabs button{font-size:.9375rem;gap:8px;padding-block:15px}.workspace-sidebar{width:87px;padding:20px 9px}.workspace-nav{flex-direction:column;gap:2px}.workspace-content{padding:20px}.demo-asset img{height:95px}.library-grid{gap:11px}.demo-asset figcaption small{display:none}.workflow-description{gap:24px;align-items:flex-start;flex-direction:column}.workflow-description>p{max-width:none}.features-layout{grid-template-columns:1fr 1.1fr;gap:35px}.object-visual img{height:290px}.feature-item{gap:17px}.feature-item h3{font-size:1.125rem}.feature-icon{width:35px;height:35px;border-radius:6px}.feature-icon svg{width:22px;height:22px}.inspiration-grid{gap:18px}.inspiration-image img{height:270px}.inspiration-card:nth-child(2){margin-top:35px}.inspiration-card:nth-child(3){margin-top:15px}.faq-section{gap:30px;grid-template-columns:.8fr 1.2fr}.faq-list summary{font-size:1rem}.start-layout{gap:30px}.footer-top nav{gap:18px}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:620px){html{scroll-padding-top:25px}.page-width{width:calc(100% - 40px)}.header-inner{width:calc(100% - 40px);min-height:76px}.brand img{width:132px}.desktop-nav{display:none}.menu-toggle{display:block}.hero{min-height:710px;height:94svh;max-height:840px;align-items:flex-start}.hero-art{background-position:64% center}.hero-shade{background:linear-gradient(90deg,#080e0ad9,#080e0a77 60%,#080e0a44),linear-gradient(180deg,#080e0a77,transparent 45%,#090c0b)}.hero-content{padding-top:145px}.hero-eyebrow{font-size:.75rem;margin-bottom:24px}.hero h1{font-size:clamp(3.2rem,11vw,4.2rem);line-height:1.36;letter-spacing:-.035em}.hero-description{font-size:.9375rem;margin-top:24px;max-width:340px}.hero-description br{display:none}.hero-actions{margin-top:29px;gap:12px}.button{font-size:.875rem;padding:12px 16px;min-height:48px}.button-quiet{padding-inline:13px}.platform-label{font-size:.75rem;margin-top:23px}.platform-label span{display:none}.hero-caption{bottom:95px;right:24px;width:160px;padding:10px 15px}.hero-caption strong{font-size:1rem}.caption-kicker{font-size:.75rem;letter-spacing:.06em}.hero-bottom{bottom:24px;font-size:.75rem}.hero-bottom>span:first-child{font-size:.75rem;letter-spacing:.04em}.capability-strip{justify-content:flex-start;flex-wrap:wrap;gap:10px 14px;padding:23px 20px;font-size:.8125rem}.strip-plus{font-size:.75rem}.section-space{padding-block:66px}.eyebrow{font-size:.75rem;letter-spacing:.11em}h2{font-size:1.9rem;line-height:1.5}.section-heading{gap:17px}.section-heading .eyebrow{margin-bottom:13px}.section-intro{font-size:.875rem;line-height:1.9}.workflow-tabs{margin-bottom:20px}.workflow-tabs button{flex-direction:column;gap:3px;font-size:.875rem;padding:13px 3px}.step-number{font-size:.75rem}.workspace{border-radius:7px}.workspace-bar{padding-inline:12px;height:42px;font-size:.75rem}.workspace-dots{gap:4px;width:28px}.workspace-dots i{width:5px;height:5px}.workspace-bar>span:not(.demo-label){font-size:.75rem}.demo-label{font-size:.75rem;padding-inline:5px}.workspace-sidebar{display:none}.workspace-body{min-height:390px}.workspace-content{padding:17px 13px}.demo-topline{margin-bottom:14px;gap:8px;flex-wrap:wrap}.demo-topline h4{font-size:.875rem}.demo-topline span{font-size:.75rem}.library-grid{grid-template-columns:repeat(2,1fr);gap:10px}.demo-asset img{height:78px}.demo-asset figcaption{padding:6px 8px;font-size:.75rem}.demo-content-note{font-size:.75rem;text-align:left}.canvas-demo{padding:12px 0;gap:13px;min-height:265px;align-items:center}.demo-node{width:31%;min-width:0}.node-label{padding:8px 6px;font-size:.75rem;line-height:1.4}.node-label span{display:none}.node-text{padding:10px 7px;font-size:.75rem;line-height:1.9}.demo-node img{height:130px}.node-footer{padding:6px;font-size:.75rem}.generation-demo{gap:12px;grid-template-columns:1fr 1.05fr}.prompt-block{padding:12px;gap:9px}.prompt-block h5{font-size:.75rem}.prompt-block p{font-size:.75rem}.prompt-chips{gap:4px}.prompt-chips span{font-size:.75rem;padding:2px 5px}.generation-picture img{min-height:260px;object-position:70% center}.generation-picture span{bottom:9px;left:6px;padding:2px 5px;font-size:.75rem}.storyboard-strip{gap:8px}.storyboard-frame img{height:155px}.storyboard-frame figcaption{padding:8px 6px;font-size:.75rem}.demo-timeline{gap:4px}.demo-timeline span{font-size:.75rem}.workflow-description{margin-top:25px;gap:14px;min-height:0}.workflow-description h3{font-size:1.125rem}.workflow-description>p{font-size:.875rem}.features-layout{grid-template-columns:1fr;gap:38px}.feature-story h2{font-size:2rem}.feature-lead{font-size:.9375rem}.feature-lead br{display:none}.object-visual{max-width:100%;margin-top:24px}.object-visual img{height:220px}.feature-item{gap:20px;padding-block:25px}.feature-item:first-child{padding-top:0}.feature-item h3{font-size:1.125rem}.feature-item p{font-size:.875rem}.feature-icon{width:40px;height:40px}.inspiration-grid{grid-template-columns:1fr;gap:32px}.inspiration-card:nth-child(n){margin:0}.inspiration-image img{height:275px}.inspiration-info{flex-direction:row;align-items:center}.inspiration-info h3{font-size:1.125rem}.inspiration-info>span{font-size:.75rem}.concept-disclaimer{font-size:.75rem;text-align:left;margin-top:24px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-heading h2 br{display:none}.faq-list summary{font-size:.9375rem;padding-block:22px}.faq-list details>p{font-size:.875rem;padding-right:0}.start-layout{flex-direction:column;align-items:flex-start;gap:28px;padding-block:58px}.start-layout h2{font-size:2.125rem}.start-actions{padding-top:0}.start-actions>p{font-size:.875rem}.start-actions .button{padding-inline:24px}.site-footer{padding-block:32px 24px}.footer-top{align-items:flex-start;flex-direction:column;gap:27px;padding-bottom:27px}.footer-top nav{gap:27px;font-size:.8125rem}.footer-bottom{font-size:.75rem}.guide-dialog{padding:23px}.guide-dialog .dialog-top h2{font-size:1.3rem}.guide-steps li{gap:14px}.guide-steps p{font-size:.875rem}.concept-dialog{padding:17px}.dialog-top{gap:15px}.dialog-top h2{font-size:1.25rem}.concept-dialog>p{font-size:.875rem}.dialog-close{height:36px;width:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep explanatory copy readable on every breakpoint. */
.section-intro,.workflow-description>p,.feature-item p,.faq-list details>p,.start-actions>p,.guide-intro,.guide-steps p,.concept-dialog>p{font-size:1rem}
.concept-dialog .dialog-note{font-size:.75rem}
@media(max-width:620px){.hero-description{font-size:1rem}}
@media(max-width:360px){.hero-actions{gap:8px}.hero-actions .button{padding-inline:11px;font-size:.8125rem}.hero-caption{width:145px}.hero-bottom>span:first-child{font-size:.75rem;letter-spacing:0}}
/* Use clear sans-serif captions for Chinese; keep compact mono only for English. */
#step-label,.hero-eyebrow,.feature-tag,.image-category,.demo-label,#concept-category{
  font-family:var(--body);font-size:1rem;font-weight:600;letter-spacing:.02em;line-height:1.6
}
.workflow-description #step-label{font-family:var(--body);font-size:1.125rem;font-weight:600;color:#c1f075;letter-spacing:0;line-height:1.7}
.workflow-tabs button{font-family:var(--body);font-size:1.125rem;font-weight:600}
.workflow-tabs .step-number{font-family:var(--body);font-size:1rem;font-weight:600;opacity:.9;letter-spacing:0}
.workflow-description h3{font-size:1.625rem;font-weight:500}
.workflow-description>p{font-size:1.125rem;color:#b9c4bb}
.section-intro,.feature-item p,.faq-list details>p,.start-actions>p{color:#b0bbb2}
@media(max-width:620px){.workflow-tabs button{font-size:1rem}.workflow-tabs .step-number{font-size:.9375rem}.workflow-description #step-label{font-size:1.0625rem}.workflow-description h3{font-size:1.375rem}.workflow-description>p{font-size:1.0625rem}}
/* Product preview follows MuseFolio's neutral surfaces and colored tool icons. */
.workspace{background:#1e1e1e;border-color:#454545;border-radius:10px;color:#eeeeec}
.workspace-bar{height:66px;padding:0 20px 0 0;background:#1e1e1e;border-color:#373737;color:#c9c9c7;font-family:var(--body);font-size:1rem}
.preview-brand{width:185px;min-height:66px;display:flex;align-items:center;padding-left:18px;border-right:1px solid #373737;flex-shrink:0}
.preview-brand img{width:140px;height:auto}
#preview-workspace-name{flex:1;font-size:1rem;color:#dfdfdd;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.workspace .demo-label{border-color:#4a4a4a;color:#c3c3c0;font-family:var(--body);font-size:.875rem;font-weight:500;letter-spacing:0;padding:4px 9px}
.workspace-body{min-height:505px}
.workspace-sidebar{width:185px;padding:18px 12px 15px;background:#1e1e1e;border-color:#373737;gap:4px}
.preview-group-label{font-family:var(--body);font-size:.875rem;color:#b3b3af;padding:3px 7px 5px;margin-top:13px}
.preview-group-label:first-child{margin-top:0}
.preview-side-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;border-radius:8px;padding:10px 9px;font-family:var(--body);font-size:1rem;line-height:1.35;text-align:left;color:#d2d2cf;transition:background .2s}
.preview-side-item:hover{background:#2a2a2a}
.preview-side-item.active{background:#2c2c2c;color:#f2f2ef;font-weight:600}
.preview-icon{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:8px;flex-shrink:0}
.preview-icon.blue{background:linear-gradient(145deg,#65a7ff,#2485fc)}
.preview-icon.purple{background:linear-gradient(145deg,#b48aff,#8150fb)}
.preview-icon img{width:19px;height:19px}
.preview-sidebar-divider{height:1px;background:#393939;margin:14px 6px 0}
.preview-project{display:flex;align-items:center;gap:11px;padding:8px 10px;color:#c3c3be;font-size:.9375rem}
.preview-folder{width:19px;height:13px;background:#f5c64b;border-radius:2px;position:relative;flex-shrink:0}
.preview-folder:before{content:"";position:absolute;left:0;top:-4px;width:9px;height:5px;background:#ffdc76;border-radius:2px 2px 0 0}
.workspace-sidebar-bottom{font-family:var(--body);font-size:.875rem;color:#a8a8a3;padding:10px 8px}
.workspace-content{background-color:#1e1e1e;background-image:radial-gradient(#6a6a6a32 .7px,transparent .7px);padding:25px 28px;min-width:0}
.demo-topline h4{font-family:var(--body);font-size:1.125rem;font-weight:600;color:#eee}
.demo-topline>span{font-family:var(--body);font-size:.875rem;color:#b6b6b2}
.library-crumb{display:flex;flex-wrap:wrap;gap:25px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid #393939;color:#bfbfba;font-family:var(--body);font-size:.875rem}
.library-grid{gap:19px}
.demo-asset{background:transparent;border:1px solid #4c4c4c;border-radius:9px}
.demo-asset img{height:134px;border-radius:7px 7px 0 0}
.demo-asset figcaption{font-family:var(--body);font-size:.9375rem;padding:10px 12px;background:#242424;color:#e3e3df;line-height:1.45}
.demo-asset figcaption small{font-size:.8125rem;color:#b5b5af}
.demo-content-note{font-family:var(--body);font-size:.875rem;color:#b0b0a9;margin-top:20px}
.canvas-lines path{stroke:#81909d;opacity:.85}
.demo-node{background:#242424;border-color:#505050;border-radius:9px}
.node-label{font-family:var(--body);font-size:.9375rem;padding:11px 12px;background:#292929;border-color:#454545;color:#eeeeeb}
.node-label .preview-node-kind{color:#b9c5dc;font-size:.8125rem}
.node-text{font-family:var(--body);font-size:.9375rem;color:#cecec9}
.node-footer{font-family:var(--body);font-size:.875rem;color:#bcbcb6;padding-block:10px}
.prompt-block{background:#242424;border-color:#505050;border-radius:9px;color:#d6d6d1}
.prompt-block h5{font-family:var(--body);font-size:1rem;color:#eeeeeb}
.prompt-block p{font-family:var(--body);font-size:1rem;line-height:1.8}
.prompt-chips span{background:#323232;border:1px solid #4a4a4a;color:#c9c9c3;font-family:var(--body);font-size:.875rem}
.generation-picture{border-color:#515151;border-radius:9px}
.generation-picture span{background:#242424df;border-color:#656565;color:#ededdf;font-size:.875rem;font-family:var(--body)}
.storyboard-frame{background:#242424;border-color:#505050;border-radius:8px}
.storyboard-frame figcaption{font-size:.9375rem;font-family:var(--body);color:#ededeb}
.storyboard-frame figcaption span{color:#bfbfb8}
.demo-timeline span{border-color:#656275;background:#68618026;color:#d0c9df;font-family:var(--body);font-size:.875rem}
.demo-timeline span:nth-child(2){background:#4d678226;border-color:#566b81;color:#c2d0df}
@media(max-width:850px){.workspace-sidebar,.preview-brand{width:157px}.preview-brand{padding-left:12px}.preview-brand img{width:129px}.preview-side-item{font-size:.9375rem;gap:9px;padding-inline:6px}.workspace-content{padding:20px}.library-grid{gap:13px}.demo-asset img{height:110px}.preview-project{font-size:.875rem}.library-crumb{gap:16px}}
@media(max-width:620px){.workspace-bar{padding-right:10px;height:57px;gap:10px}.preview-brand{width:58px;min-height:57px;padding-left:10px;overflow:hidden;border-right:0}.preview-brand img{width:122px;max-width:none}.workspace .demo-label{font-size:.8125rem;padding:3px 6px}#preview-workspace-name{font-size:.875rem}.workspace-sidebar{display:flex;width:58px;padding:15px 5px;gap:10px}.preview-group-label,.preview-project,.preview-sidebar-divider,.workspace-sidebar-bottom{display:none}.preview-side-item{justify-content:center;padding:10px 0;border-radius:8px}.preview-side-item>span:last-child{display:none}.workspace-content{padding:17px 12px}.demo-topline h4{font-size:1rem}.demo-topline>span{font-size:.875rem}.library-grid{grid-template-columns:1fr;gap:16px}.demo-asset img{height:150px}.demo-asset figcaption{font-size:.9375rem}.library-crumb{font-size:.875rem;gap:10px}.demo-content-note{font-size:.875rem}.canvas-demo{flex-direction:column;gap:18px;align-items:stretch}.canvas-lines{display:none}.demo-node{width:100%;max-width:none}.node-label{font-size:.9375rem}.node-label .preview-node-kind{display:inline;font-size:.8125rem}.node-text{font-size:.9375rem}.demo-node img{height:160px}.node-footer{font-size:.875rem}.generation-demo{grid-template-columns:1fr;gap:18px}.generation-picture img{min-height:185px;max-height:245px}.storyboard-strip{grid-template-columns:1fr;gap:18px}.storyboard-frame img{height:160px}.storyboard-frame figcaption{font-size:.9375rem}.demo-timeline{height:auto;flex-wrap:wrap}.demo-timeline span{min-width:100%;font-size:.875rem}}
/* Minimal canvas preview with an icon-only rail. */
.workspace-body{min-height:460px}
.workspace-sidebar{display:flex;width:64px;align-items:center;padding:22px 9px;gap:14px;background:#1b1b1b}
.preview-side-item{position:relative;display:flex;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;padding:0;border-radius:9px;background:transparent}
.preview-side-item .preview-icon{display:flex;justify-content:center;align-items:center;width:25px;height:25px;background:transparent;border-radius:0}
.preview-side-item .preview-icon img{width:23px;height:23px;opacity:.68}
.preview-side-item:hover{background:#2d2d2d}
.preview-side-item:hover .preview-icon img,.preview-side-item.active .preview-icon img{opacity:1}
.preview-side-item.active{background:#343434}
.preview-side-item.active:before{content:"";position:absolute;left:-10px;top:12px;width:2px;height:20px;background:#7eaaf0;border-radius:2px}
.workspace-content{padding:32px 36px}
.workspace .canvas-demo{min-height:395px;gap:55px;padding:15px 0}
.workspace .demo-node{width:27%;max-width:250px}
.workspace .demo-node img{height:165px}
.workspace .node-label{font-size:1rem}
.workspace .node-text{font-size:1rem;line-height:1.8}
.workspace .node-footer{font-size:.9375rem;line-height:1.6}
@media(max-width:850px){.workspace-sidebar{width:60px;padding-inline:7px}.workspace-content{padding:26px 22px}.workspace .canvas-demo{gap:26px}.workspace .demo-node{width:30%}}
@media(max-width:620px){.workspace-sidebar{width:56px;padding:18px 5px;gap:13px}.preview-side-item .preview-icon{display:flex}.workspace-content{padding:22px 15px}.workspace .canvas-demo{min-height:0;gap:20px;padding:0;flex-direction:column}.workspace .demo-node{width:100%;max-width:none}.workspace .node-label,.workspace .node-text{font-size:1rem}.workspace .node-footer{font-size:.9375rem}.workspace .demo-node img{height:175px}}

/* Ambient hero, native scrolling and consistent vector controls. */
html{scrollbar-gutter:stable;scroll-padding-top:104px}
.ui-icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;pointer-events:none}
.site-header{position:fixed;transition:background .25s,border-color .25s;isolation:isolate}
.site-header.is-scrolled{background:#090c0bed;border-color:#ffffff1c;backdrop-filter:blur(16px)}
.header-inner{transition:min-height .25s}
.site-header.is-scrolled .header-inner{min-height:76px}
.scroll-progress{position:absolute;inset:0 0 auto;height:2px;background:var(--green);transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}
.desktop-nav{font-size:1rem}
.desktop-nav a{position:relative;padding-block:6px}
.desktop-nav a:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.desktop-nav a[aria-current="location"],.mobile-nav a[aria-current="location"]{color:var(--green)}
.desktop-nav a[aria-current="location"]:after,.desktop-nav a:hover:after{transform:scaleX(1)}
.menu-toggle{padding:0;width:44px;height:44px;place-items:center;border-radius:8px}
.menu-toggle:hover{background:#ffffff0d}
.menu-toggle .menu-close-icon,.menu-toggle[aria-expanded="true"] .menu-icon{display:none}
.menu-toggle[aria-expanded="true"] .menu-close-icon{display:block}
.mobile-nav{max-height:calc(100svh - 76px);overflow-y:auto;overscroll-behavior:contain}
.hero-art{inset:-48px;animation:hero-fade-in 1.6s ease both;transform:translate3d(0,var(--hero-offset,0px),0)}
.hero-atmosphere{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.hero-shade{z-index:-1;pointer-events:none}
.hero-content,.hero-caption,.hero-bottom{z-index:1}
.hero-motion-toggle{position:absolute;top:120px;right:40px;z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #d5e2cf38;border-radius:50%;background:#1019148c;color:#d5e2d2;backdrop-filter:blur(8px);transition:background .2s,border-color .2s}
.hero-motion-toggle:hover{background:#223020bb;border-color:#c1f07588}
.hero-motion-toggle .ui-icon{width:21px;height:21px}
.hero-motion-toggle .motion-play-icon,.hero-motion-toggle[aria-pressed="true"] .motion-pause-icon{display:none}
.hero-motion-toggle[aria-pressed="true"] .motion-play-icon{display:block}
.hero-motion-toggle[hidden],.hero-atmosphere[hidden],.back-to-top[hidden]{display:none}
.hero-actions .button-quiet .ui-icon{stroke-width:1.5}
.hero-bottom a{min-height:44px}
.scroll-line{position:relative;overflow:hidden}
.scroll-line:after{content:"";position:absolute;inset:0;background:var(--green);animation:scroll-hint 2.5s ease-in-out infinite}
.preview-side-item .ui-icon{width:23px;height:23px;opacity:.65;stroke-width:1.55}
.preview-side-item:hover .ui-icon,.preview-side-item.active .ui-icon{opacity:1}
.image-expand{padding:0;display:grid;place-items:center;font-size:initial;line-height:0}
.image-expand .ui-icon{width:18px;height:18px}
.faq-list summary .faq-icon{width:22px;height:22px;color:#a5bb94;transform:none}
.faq-icon-vertical{transform-origin:12px 12px;transition:transform .22s}
.faq-list details[open] .faq-icon{color:var(--green)}
.faq-list details[open] .faq-icon-vertical{transform:scaleY(0)}
.faq-list details[open]>p{animation:faq-open .28s ease both}
.dialog-close{display:grid;place-items:center;width:44px;height:44px;padding:0;line-height:0;font-size:initial;transition:background .2s,border-color .2s}
.dialog-close .ui-icon{width:20px;height:20px;stroke-width:1.8}
.dialog-close:hover{border-color:#8caa71}
.dialog-top>div{min-width:0}
.back-to-top{position:fixed;bottom:28px;right:28px;z-index:9;display:grid;place-items:center;width:44px;height:44px;border:1px solid #94ad776b;border-radius:50%;background:#131e15ec;backdrop-filter:blur(10px);color:#d8eacb;box-shadow:0 4px 22px #0004;transition:background .2s,border-color .2s}
.back-to-top:hover{background:#283a21;border-color:var(--green)}
.back-to-top .ui-icon{width:21px;height:21px}
.motion-ready .reveal{transition:opacity .65s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(24px)}
.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes hero-fade-in{from{opacity:0}to{opacity:1}}
@keyframes scroll-hint{0%{transform:translateY(-100%)}55%,100%{transform:translateY(100%)}}
@keyframes faq-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){html{scroll-padding-top:96px}.menu-toggle{display:grid}.hero-motion-toggle{top:98px;right:20px}.workspace .node-label{flex-wrap:wrap}.workspace .preview-node-kind{margin-left:auto}.back-to-top{bottom:20px;right:20px}.dialog-close{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none}.scroll-line:after{display:none}.motion-ready .reveal{opacity:1!important;transform:none!important}}
@media print{.hero-atmosphere,.hero-motion-toggle,.back-to-top,.scroll-progress{display:none}}