:root{--ink:#20252b;--muted:#697077;--line:#d8d8d2;--paper:#f3f2ed;--cream:#ebe9e1;--orange:#ee6a3b;--orange-dark:#d9582d;--white:#fbfbf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC','Manrope',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-shell{overflow:hidden}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:0 42px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:35px;height:35px;border-radius:9px}.brand-wordmark{display:flex;flex-direction:column;font-family:'Manrope',sans-serif;line-height:1}.brand-wordmark b{font-size:19px;letter-spacing:-.5px}.brand-wordmark small{font-size:10px;color:var(--muted);margin-top:5px;letter-spacing:1px}.desktop-nav{display:flex;gap:38px;margin-left:120px;font-size:13px;color:#596068}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--orange)}.header-cta{font-size:13px;font-weight:700;display:flex;gap:14px;align-items:center}.header-cta span,.button span{font-size:17px;line-height:0}.menu-toggle{display:none;border:0;background:none;padding:10px}.menu-toggle span{display:block;width:23px;height:1px;background:var(--ink);margin:5px}.section-pad{max-width:1280px;margin:auto;padding-left:42px;padding-right:42px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;min-height:620px;padding-top:108px;padding-bottom:105px}.eyebrow,.section-kicker{font:500 10px/1 'DM Mono',monospace;letter-spacing:1.8px;color:#7d8282}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow-dot{width:7px;height:7px;background:var(--orange);display:inline-block;border-radius:50%}.hero h1{font-size:clamp(50px,6vw,84px);line-height:1.1;letter-spacing:-4px;margin:30px 0 25px;font-weight:900}.hero h1 em,.workflow h2 em,.download h2 em{font-style:normal;color:var(--orange)}.hero-lede{font-size:16px;color:var(--muted);line-height:1.9;max-width:480px;margin:0}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:37px}.button{display:inline-flex;align-items:center;gap:24px;padding:16px 20px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--white)}.button-dark:hover{background:#303840}.button-light{background:var(--white);color:var(--ink)}.text-link{font-size:13px;color:var(--muted);display:flex;gap:14px;align-items:center}.text-link span{font-size:18px;color:var(--ink)}.hero-note{display:flex;gap:12px;align-items:center;margin-top:85px;color:#8a8e8c;font-size:11px}.note-line{width:31px;height:1px;background:var(--orange)}.hero-visual{position:relative;min-height:460px;display:flex;align-items:center;justify-content:center}.visual-caption{position:absolute;font:500 10px 'DM Mono',monospace;letter-spacing:1.5px;color:#9b9d99}.caption-top{top:9px;right:10px}.caption-bottom{bottom:2px;left:50px}.paper-scene{position:relative;width:min(370px,80%);height:410px;transform:rotate(5deg)}.paper{position:absolute;background:var(--white);box-shadow:0 17px 32px rgba(41,42,40,.13);border:1px solid #e3e3dd}.paper-back{width:84%;height:86%;top:11%;left:3%;transform:rotate(-9deg);padding:37px 31px}.paper-back .paper-topline{height:7px;width:44%;background:#c7cbc4;margin-bottom:29px}.paper-lines i{display:block;height:5px;background:#e2e2dc;margin:19px 0}.paper-front{inset:0;padding:27px 29px 23px;display:flex;flex-direction:column;justify-content:space-between}.paper-header,.paper-footer{display:flex;justify-content:space-between;align-items:center;font:500 9px 'DM Mono',monospace;color:#939690;letter-spacing:.8px}.paper-title{font-size:28px;line-height:1.4;letter-spacing:-1.3px}.paper-title strong{font-weight:900}.paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.paper-grid span{height:61px;background:#e7e8e1}.paper-grid span:first-child{background:var(--orange)}.paper-footer{padding-top:20px;border-top:1px solid #dcded7}.paper-footer b{color:var(--orange);font-size:18px}.orange-tab{position:absolute;right:-30px;bottom:52px;background:var(--orange);color:white;font:700 11px/1.4 'DM Mono',monospace;padding:11px 12px;letter-spacing:1px;box-shadow:7px 8px 0 rgba(32,37,43,.13)}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;background:#ecebe5}.ticker-track{display:flex;align-items:center;justify-content:space-around;gap:32px;padding:15px 0;color:#888b86;font:500 10px 'DM Mono',monospace;letter-spacing:1.5px;animation:marquee 28s linear infinite}.ticker b{font-size:14px;color:var(--orange)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-15%)}}.feature-intro{padding-top:125px;padding-bottom:140px}.feature-heading{display:flex;justify-content:space-between;gap:80px;align-items:end;margin:29px 0 61px}.feature-heading h2,.workflow-heading h2,.scenes-top h2{font-size:clamp(38px,4vw,57px);line-height:1.22;letter-spacing:-2.8px;margin:0;font-weight:900}.feature-heading h2 span,.scenes-top h2 span{color:#858987}.feature-heading p,.scenes-top p{max-width:345px;color:var(--muted);line-height:1.85;font-size:14px;margin:0}.feature-grid{display:grid;grid-template-columns:1.14fr 1fr 1fr;gap:15px}.feature-card{position:relative;min-height:390px;background:#e6e5de;padding:31px 30px;display:flex;flex-direction:column;justify-content:end;overflow:hidden}.feature-card-large{background:var(--ink);color:var(--white)}.feature-card-orange{background:var(--orange);color:#fff}.card-icon{position:absolute;top:29px;right:30px}.icon-stack{width:54px;height:57px}.icon-stack i{position:absolute;display:block;width:39px;height:28px;border:2px solid var(--orange);transform:skewY(-19deg);background:var(--ink)}.icon-stack i:nth-child(1){top:15px;left:8px}.icon-stack i:nth-child(2){top:8px;left:4px;opacity:.65}.icon-stack i:nth-child(3){top:1px;left:0;opacity:.35}.icon-pages{display:flex;gap:4px;align-items:flex-start}.icon-pages span{display:flex;width:30px;height:38px;background:#c7c8c2;justify-content:center;align-items:center;font:500 9px 'DM Mono';color:#777a76}.icon-pages span:nth-child(2){margin-top:8px}.icon-pages span:nth-child(3){margin-top:16px}.icon-flip{font-size:57px;font-family:'Manrope';font-weight:400;line-height:1;color:rgba(255,255,255,.85)}.card-index{font:500 10px 'DM Mono';letter-spacing:1px;color:#888d89;margin:0 0 18px}.feature-card-large .card-index,.feature-card-orange .card-index{color:rgba(255,255,255,.65)}.feature-card h3{font-size:25px;line-height:1.35;letter-spacing:-1.3px;margin:0 0 16px}.card-copy{font-size:13px;line-height:1.8;color:#767c79;max-width:270px;margin:0}.feature-card-large .card-copy,.feature-card-orange .card-copy{color:rgba(255,255,255,.75)}.card-arrow{position:absolute;right:30px;bottom:31px;font-size:20px}.workflow{background:var(--cream);max-width:none;padding-top:120px;padding-bottom:125px}.workflow>*{max-width:1196px;margin-left:auto;margin-right:auto}.workflow-heading{display:flex;justify-content:space-between;align-items:end;margin-top:30px}.workflow-aside{display:flex;align-items:end;gap:17px}.big-number{font:400 85px/.8 'Manrope';color:var(--orange);letter-spacing:-5px}.workflow-aside p{font-size:12px;line-height:1.6;color:#80847f;margin:0}.steps{display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr;align-items:center;margin-top:77px}.step{position:relative}.step-no{font:500 10px 'DM Mono';letter-spacing:1px;color:var(--orange);margin-bottom:22px}.step-illustration{height:160px;display:flex;align-items:center;margin-bottom:29px}.mini-window{width:183px;height:121px;border:1px solid #bdc2ba;background:#fafaf5;padding:18px;box-shadow:10px 10px 0 #d7d6cf}.mini-bar{height:7px;background:#c7cbc2;width:43%;margin-bottom:15px}.mini-row{height:12px;border-top:1px solid #c8ccc5;margin:10px 0;position:relative}.mini-row.active{border-color:var(--orange)}.mini-row.active:before{content:'';position:absolute;width:8px;height:8px;background:var(--orange);top:2px;left:0}.mini-row.active:after{content:'';position:absolute;height:4px;background:#d9dbd4;width:95px;top:4px;left:17px}.printer{width:194px;height:89px;background:#aeb4ab;position:relative;margin-left:9px;border-radius:4px 4px 12px 12px;box-shadow:10px 10px 0 #d7d6cf}.printer:before{content:'';position:absolute;width:124px;height:41px;background:#e8e8e2;top:-29px;left:35px;border:1px solid #c3c7c0}.printer i{position:absolute;width:25px;height:5px;background:var(--orange);right:17px;top:18px}.printer b{position:absolute;width:102px;height:45px;background:#f8f8f3;bottom:-30px;left:45px;box-shadow:0 3px 0 #c8cbc4}.printer span{position:absolute;width:7px;height:7px;background:#515b58;right:18px;top:29px;border-radius:50%}.finish-paper{width:115px;height:145px;background:var(--white);border:1px solid #d0d3ca;box-shadow:10px 10px 0 #d7d6cf;display:flex;align-items:center;justify-content:center;transform:rotate(4deg);position:relative}.finish-paper:before{content:'';position:absolute;inset:17px;border:1px solid #e0e1db}.finish-paper span{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--orange);color:#fff;font-size:22px}.step h3{font-size:22px;letter-spacing:-1px;margin:0 0 10px}.step p{font-size:13px;line-height:1.8;color:#7a807a;margin:0}.step-connector{font-size:28px;color:#adb1a9;text-align:center}.scenes{padding-top:125px;padding-bottom:140px}.scenes-top{display:flex;align-items:end;justify-content:space-between;margin-top:30px}.scene-list{margin-top:63px;border-top:1px solid var(--line)}.scene-row{display:grid;grid-template-columns:80px 1fr 1fr 30px;align-items:center;min-height:89px;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.scene-row:hover{padding:0 16px;background:#ebe9e0}.scene-num{font:500 10px 'DM Mono';color:var(--orange)}.scene-name{font-size:20px;font-weight:700;letter-spacing:-.7px}.scene-detail{font-size:12px;color:#858984}.scene-arrow{font-size:20px;text-align:right}.download{max-width:none;background:var(--ink);color:var(--white);padding-top:100px;padding-bottom:105px}.download-inner{max-width:1196px;margin:auto;display:flex;justify-content:space-between;align-items:center}.eyebrow.light{color:#aeb3af}.download h2{font-size:clamp(42px,5vw,68px);line-height:1.16;letter-spacing:-3px;margin:29px 0 24px}.download-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#aeb3af;max-width:460px;margin-bottom:35px}.download-mark{display:flex;flex-direction:column;align-items:center;gap:14px;color:#adb3ae;font-size:12px}.download-mark img{width:166px;height:166px}.site-footer{max-width:1196px;margin:auto;padding:32px 0 38px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;color:#858a86;font-size:11px}.footer-brand{display:flex;gap:9px;align-items:center;color:var(--ink);font:700 16px 'Manrope'}.footer-brand img{width:25px;height:25px;border-radius:6px}.site-footer p{margin:0}.footer-meta{display:flex;justify-content:flex-end;gap:20px}.footer-meta a:hover{color:var(--orange)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay-short{transition-delay:.12s}.reveal-delay{transition-delay:.22s}@media(max-width:800px){.site-header{height:75px;padding:0 22px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.menu-toggle.is-open span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle.is-open span:last-child{transform:translateY(-3px) rotate(-45deg)}.desktop-nav.is-open{display:flex;position:absolute;top:74px;left:0;right:0;margin:0;padding:20px 22px 25px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.section-pad{padding-left:22px;padding-right:22px}.hero{display:block;min-height:auto;padding-top:74px;padding-bottom:72px}.hero h1{font-size:54px;letter-spacing:-3px;margin-top:25px}.hero-lede{font-size:14px;line-height:1.85}.hero-note{margin-top:50px}.hero-visual{min-height:410px;margin-top:55px}.paper-scene{height:370px;width:320px}.caption-top{top:0;right:0}.caption-bottom{bottom:-8px;left:0}.feature-intro,.scenes{padding-top:82px;padding-bottom:90px}.feature-heading,.scenes-top{display:block;margin-bottom:42px}.feature-heading p,.scenes-top p{margin-top:25px}.feature-grid{display:block}.feature-card{min-height:330px;margin-bottom:12px}.feature-card h3{font-size:24px}.workflow{padding-top:82px;padding-bottom:90px}.workflow-heading{display:block}.workflow-aside{margin-top:25px}.steps{display:block;margin-top:52px}.step{margin-bottom:50px}.step-connector{display:none}.step-illustration{height:140px}.scene-row{grid-template-columns:43px 1fr 25px;min-height:78px}.scene-detail{display:none}.scene-name{font-size:17px}.download{padding-top:78px;padding-bottom:80px}.download-inner{display:block}.download-mark{display:none}.download h2{font-size:46px;letter-spacing:-2px}.site-footer{display:block;padding:28px 22px}.site-footer p{margin:18px 0}.footer-meta{justify-content:flex-start;flex-wrap:wrap;gap:12px 20px}.ticker-track{justify-content:flex-start;width:max-content;animation-duration:22s}}
/* First-viewport content is visible immediately; lower sections reveal on scroll. */
.hero-enter{animation:heroIn .7s ease both}.hero-enter-delay{animation-delay:.15s}@keyframes heroIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-enter,.ticker-track{animation:none}.reveal{opacity:1;transform:none;transition:none}}
:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
body{font-family:var(--font-sans)}
.orange-tab{right:-43px;font-size:10px;padding:12px;letter-spacing:.8px;white-space:nowrap}
@media(max-width:800px){.orange-tab{right:-24px;font-size:9px;padding:10px 9px}}
