:root{font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;color:#20211f;background:#f5f4f0;font-synthesis:none;--orange:#ed771d;--paper:#f5f4f0;--muted:#74746e;--line:#dcdcd5;--nav-height:72px;--page-progress:0;--story-progress:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b64d00;outline-offset:6px}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}h1,h2,h3,p{margin:0}h2{font-size:clamp(36px,4.5vw,64px);font-weight:750;line-height:1.25;letter-spacing:-2px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:650;color:#a94f13}.muted{color:#92938c}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:50px;padding:14px 25px;border-radius:999px;background:#20211f;color:white;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#bd5310;transform:translateY(-2px)}.button span{font-size:18px}.button.small{min-height:35px;padding:7px 18px;font-size:12px;gap:12px;background:var(--orange);color:#20170e}.button.small:hover{background:#f99449}.quiet-link{font-size:13px;color:#55574f}.quiet-link span{margin-left:7px}.brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:750;letter-spacing:-.5px}.brand img{border-radius:8px}.nav{position:fixed;inset:0 0 auto;z-index:50;background:#f5f4f0ed;border-bottom:1px solid #20211f12;backdrop-filter:blur(18px)}.nav-inner{height:var(--nav-height);width:min(1320px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between}.nav nav{display:flex;gap:27px;align-items:center;font-size:12px}.motion-toggle{padding:8px 0;border:0;background:none;color:#64665e;font-size:12px}.reading-progress{height:2px;background:var(--orange);transform-origin:left;transform:scaleX(var(--page-progress));position:absolute;bottom:-1px;left:0;right:0}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:12px}
.hero{position:relative;overflow:hidden;padding-top:calc(var(--nav-height) + 62px);background:radial-gradient(ellipse at 50% 64%,#f5d9bf55,transparent 55%)}.hero-copy{text-align:center;position:relative;z-index:3}.hero .eyebrow{font-size:11px;letter-spacing:3px}.hero .eyebrow span{margin-left:16px;letter-spacing:2px;color:#71736b;font-size:11px}h1{font-size:clamp(64px,7.7vw,108px);font-weight:800;line-height:1.13;letter-spacing:-5px;margin-top:24px}h1>span{color:var(--orange)}.hero-description{color:#71746d;line-height:1.85;font-size:15px;margin:23px 0}.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px}.hero-meta{font-size:10px;color:#797b74;margin-top:15px;letter-spacing:.5px}.hero-meta span,.download-meta span{margin:0 9px}.hero-art{position:relative;height:480px;width:min(1100px,100%);margin:15px auto 0;--hero-shift:0px;--hero-rotate:0deg}.orbit{position:absolute;left:50%;top:52%;border:1px solid #d1c4b755;border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:890px;height:310px;transform:translate(-50%,-50%) rotate(-10deg)}.orbit-two{width:1050px;height:380px;transform:translate(-50%,-50%) rotate(12deg)}.floating-card{position:absolute;border:1px solid #fff;background:#fff;border-radius:14px;padding:9px;box-shadow:0 24px 45px -25px #58453766;will-change:transform}.card-main{width:342px;left:calc(50% - 171px);top:44px;z-index:3;transform:translateY(calc(var(--hero-shift) * -.18)) rotate(calc(-3deg + var(--hero-rotate)))}.card-main .art{height:245px}.card-left{width:239px;left:calc(50% - 406px);top:106px;transform:translateY(calc(var(--hero-shift) * .2)) rotate(-13deg)}.card-right{width:239px;right:calc(50% - 406px);top:122px;transform:translateY(calc(var(--hero-shift) * -.3)) rotate(12deg)}.card-left .art,.card-right .art{height:172px}.card-label{padding:13px 9px 8px}.card-label>span{font-size:8px;letter-spacing:1.7px;color:#898a82;display:block;margin-bottom:7px}.card-label b{font-size:12px;display:flex;justify-content:space-between;font-weight:600}.card-label b>span{color:#b65c27}.art{position:relative;overflow:hidden;border-radius:8px;isolation:isolate}.art-dawn{background:linear-gradient(160deg,#dcdacc,#bcc8c0 65%,#597e79)}.art-sunset{background:linear-gradient(165deg,#f1cb95 0%,#eaa05f 45%,#cc663d 100%)}.art-night{background:linear-gradient(165deg,#182f40,#536268 65%,#927d68)}.sun{position:absolute;width:28%;aspect-ratio:1;border-radius:50%;background:#fce3aa;top:17%;left:52%;box-shadow:0 0 50px #ffe2a14d}.art-dawn .sun{background:#fbf9e6;width:25%;left:22%;top:20%}.art-night .sun{width:17%;background:#e7e5d1;left:62%;top:21%;box-shadow:0 0 40px #e7e5d122}.land{position:absolute;display:block;width:145%;height:105%;border-radius:48% 52% 0 0;left:-25%;top:62%;transform:rotate(-19deg);background:#a55232}.land-front{top:77%;left:-9%;transform:rotate(17deg);background:#643b2c}.art-dawn .land-back{background:#76958b}.art-dawn .land-front{background:#3c655d}.art-night .land-back{background:#324e54}.art-night .land-front{background:#1a353d}.art-title{position:absolute;left:26px;bottom:41px;color:#fff9eb;font-size:42px;font-weight:500;letter-spacing:9px}.art-caption{position:absolute;left:29px;bottom:24px;color:#fff6e0b3;letter-spacing:2px;font-size:7px}.hero-chip{position:absolute;z-index:4;background:#ffffffeb;border:1px solid white;border-radius:12px;box-shadow:0 12px 36px #6e55471a;display:flex;align-items:center;gap:10px;padding:15px 19px;font-size:11px}.chip-version{left:calc(50% - 358px);top:324px;transform:rotate(-5deg)}.chip-project{right:calc(50% - 349px);top:54px;transform:rotate(6deg);font-weight:600}.chip-project span{color:#92958d;font-size:9px;font-weight:400}.chip-dot{width:7px;height:7px;background:var(--orange);border-radius:50%}.hero-bottom{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#74786e}.hero-bottom b{margin-left:16px;font-size:15px;font-weight:400}.manifesto{padding:130px 0 140px;text-align:center}.manifesto h2{margin:25px 0;font-size:clamp(32px,4vw,57px)}.manifesto>p:last-child{font-size:15px;line-height:1.9;color:var(--muted)}
.story{background:#eaece6;position:relative}.story-top{display:flex;align-items:center;justify-content:space-between;padding-top:42px;padding-bottom:36px}.story-top .eyebrow{color:#71796d;font-size:11px;letter-spacing:1px}.chapter-nav{display:flex;gap:9px}.chapter-nav a{border-radius:50px;padding:10px 17px;font-size:11px;color:#6b7164;transition:background .2s,color .2s}.chapter-nav a span{font-size:10px;margin-right:7px;opacity:.7}.chapter-nav a:hover,.chapter-nav a[aria-current="step"]{background:#252f25;color:white}.scene{display:grid;grid-template-columns:.9fr 1.2fr;align-items:center;gap:55px;min-height:530px;padding:45px 0;scroll-margin-top:110px}.scene-copy{position:relative;z-index:2}.chapter-number{display:block;font-size:10px;letter-spacing:2px;color:#798273;margin-bottom:30px}.scene h2{font-size:clamp(36px,4.3vw,61px);color:#29332b;letter-spacing:-2.5px}.scene-copy p{font-size:14px;line-height:2;color:#71796c;margin-top:25px}.feature-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:27px}.feature-tags span{font-size:10px;padding:7px 10px;border:1px solid #bfc6b8;border-radius:30px;color:#697460}.scene-visual{position:relative;width:100%}.collection,.feedback{background:#fafbf7;border:1px solid #ffffff;border-radius:18px;box-shadow:0 28px 65px -28px #35482a40;padding:23px;transform:rotate(-2deg)}.visual-header{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#9a9f91;align-items:center}.mini-brand{font-size:10px;color:#536044;font-weight:600}.visual-header b{font-size:14px;margin-left:10px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:27px 0 23px}.reference{background:white;padding:7px 7px 13px;border:1px solid #eaece2;border-radius:10px;box-shadow:0 4px 10px #1a331306}.reference .art{height:166px;border-radius:5px}.reference>b,.reference>span{display:block;padding-left:4px}.reference>b{font-size:10px;margin:13px 0 7px;font-weight:600;white-space:nowrap}.reference>span{font-size:8px;color:#92978a}.ref-one{transform:translateY(-6px)}.ref-two{transform:translateY(9px)}.ref-three{transform:translateY(-3px)}.art-figure{background:linear-gradient(130deg,#d3bd9d,#ede1c9)}.figure-head{position:absolute;top:23%;left:40%;width:23%;height:21%;background:#594639;border-radius:45% 50% 42% 45%;transform:rotate(-10deg)}.figure-body{position:absolute;top:42%;left:23%;width:64%;height:75%;background:linear-gradient(110deg,#765338,#362d26);border-radius:50% 37% 0 0;transform:rotate(-8deg)}.art-object{background:linear-gradient(130deg,#d5d9cd,#edf0e6)}.object-ring{position:absolute;left:21%;top:20%;width:58%;height:49%;border:14px solid #a2845a;border-radius:50%;box-shadow:inset 4px 2px 6px #5d4b3940,4px 8px 10px #6c64442b;transform:rotate(-24deg) skewY(12deg)}.object-base{position:absolute;left:26%;bottom:17%;width:51%;height:10%;border-radius:50%;background:#43534120;filter:blur(4px)}.collection-footer,.feedback-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#949b87;gap:8px}.tiny-pill{border-radius:20px;background:#eaf0e3;color:#647250;font-size:8px;padding:7px 10px}.versions{height:382px}.version-card{width:66%;position:absolute;padding:9px;background:#fff;border:1px solid #fff;border-radius:13px;box-shadow:0 20px 42px -22px #25322080;transform-origin:50% 100%}.version-card .art{height:216px}.version-card>div:last-child{padding:16px 6px 10px;display:flex;align-items:center;gap:10px}.version-card span{font-size:10px;color:#829078}.version-card b{font-size:10px;font-weight:600}.version-card>div:last-child>i{font-size:8px;font-style:normal;color:#7f8d72;border:1px solid #dde3d5;border-radius:20px;padding:5px;margin-left:auto}.version-one{left:0;top:10px;transform:rotate(-15deg) scale(.86)}.version-two{left:15%;top:0;transform:rotate(-5deg) scale(.94)}.version-three{left:30%;top:15px;transform:rotate(6deg)}.version-trail{position:absolute;bottom:0;left:15%;right:5%;display:flex;gap:13px;align-items:center;font-size:10px;color:#818d76}.version-trail i{height:1px;flex:1;background:#bdc7b5}.feedback{transform:rotate(2deg);padding:20px}.frame{position:relative;height:225px;margin-top:17px;border-radius:7px;overflow:hidden}.frame .art{height:100%;border-radius:0}.frame .sun{width:18%;left:57%;top:12%}.frame .land-back{top:68%}.frame .land-front{top:90%}.frame-mark{width:16px;height:16px;position:absolute;border-color:#fff9;border-style:solid}.mark-tl{top:15px;left:15px;border-width:1px 0 0 1px}.mark-br{right:15px;bottom:15px;border-width:0 1px 1px 0}.timecode{position:absolute;bottom:15px;left:17px;font-family:monospace;font-size:9px;letter-spacing:1px;color:#fffc}.annotation{position:absolute;left:44%;top:47%;display:flex;gap:9px;align-items:flex-start}.annotation>span{border-radius:50%;background:#fff7e8;color:#b75e20;padding:8px;font-size:9px;border:1px solid #fff}.annotation p{font-size:10px;background:#fffffff2;color:#70634f;line-height:1.8;border-radius:0 9px 9px;padding:12px 15px;box-shadow:0 10px 25px #33211020}.timeline{display:flex;align-items:center;gap:13px;margin:20px 0;font:8px monospace;color:#969c8c}.timeline-track{flex:1;height:24px;background:repeating-linear-gradient(to right,#c6cdbd 0 1px,transparent 1px 12px);background-size:100% 8px;background-repeat:no-repeat;background-position:center;position:relative}.timeline-track i{display:block;position:absolute;top:11px;width:100%;height:2px;background:#d6ddce}.timeline-track b{position:absolute;left:56%;top:0;bottom:0;width:2px;background:var(--orange)}.timeline-track b:before{content:"";position:absolute;top:0;left:-3px;width:8px;height:8px;background:var(--orange);border-radius:1px}.story-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 36px;color:#8a9281;font-size:9px}.chapter-progress{height:2px;background:#cbd2c2;width:180px;overflow:hidden}.chapter-progress i{display:block;background:#687b56;height:100%;width:100%;transform-origin:left;transform:scaleX(var(--story-progress))}.story-counter{letter-spacing:2px}
/* Motion is progressive enhancement; static content remains usable without scripts. */
.motion-on .story{height:340vh}.motion-on .story-sticky{position:sticky;top:var(--nav-height);height:calc(100svh - var(--nav-height));min-height:0;display:flex;flex-direction:column;overflow:hidden}.motion-on .story-scenes{position:relative;flex:1;min-height:0}.motion-on .scene{position:absolute;inset:0;min-height:0;padding:10px 0;opacity:var(--scene-opacity,0);visibility:hidden;transform:translateY(var(--scene-y,25px));pointer-events:none;will-change:transform,opacity}.motion-on .scene.is-current{visibility:visible;pointer-events:auto}.motion-on .scene-visual{transform:translateY(var(--visual-y,0px)) rotate(var(--visual-angle,0deg))}.motion-on .scene-copy{transform:translateY(var(--copy-y,0px))}.motion-on .reveal{opacity:0;transform:translateY(36px);transition:opacity .8s,transform .8s}.motion-on .reveal.is-visible{opacity:1;transform:none}
.workspace{background:#181b19;color:#f2f1e9;overflow:hidden;padding-top:105px;padding-bottom:80px}.workspace-intro{text-align:center}.workspace .eyebrow{color:#e6a26d;margin-bottom:25px}.workspace h2{font-size:clamp(42px,5.6vw,80px)}.workspace h2 span{color:#838d80}.workspace-intro>p:last-child{color:#969e91;font-size:14px;line-height:1.9;margin-top:27px}.workspace-display{width:min(1050px,calc(100% - 112px));margin:65px auto 0;border-radius:12px 12px 0 0;border:1px solid #ffffff20;border-bottom:0;background:#252b26;box-shadow:0 0 85px -30px #a7b89c33;overflow:hidden}.display-bar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#9da596;font-size:10px}.display-bar>span{display:flex;gap:5px}.display-bar i{width:6px;height:6px;border-radius:50%;background:#545c52}.display-bar b{font-weight:400;letter-spacing:1px}.workspace-display img{width:100%;height:auto}.workspace-display figcaption{background:#181b19;font-size:10px;text-align:center;color:#9aa393;padding:20px 8px}.workspace-facts{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin-top:44px}.workspace-facts>div{border-right:1px solid #ffffff1a}.workspace-facts>div:last-child{border:0}.workspace-facts span{font-size:17px;font-weight:600;color:#e2e5d9}.workspace-facts p{font-size:11px;color:#949d8c;margin-top:11px}.start{padding:120px 0 75px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.start .eyebrow{margin-bottom:25px}.start h2{font-size:42px}.start ol{list-style:none;padding:0;margin:0}.start li{display:flex;gap:21px;padding:0 0 28px;margin-bottom:26px;border-bottom:1px solid var(--line)}.start li>span{font-size:11px;color:#b56528;padding-top:4px}.start h3{font-size:16px;margin-bottom:11px;font-weight:650}.start li p{font-size:12px;line-height:1.9;color:#7a7e72}.faq{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:110px}.faq h2{font-size:29px;letter-spacing:-1px}.faq details{border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:19px}.faq summary{cursor:pointer;font-size:13px;line-height:1.7}.faq p{font-size:12px;line-height:1.9;color:#767d6f;margin-top:14px}.hash{display:block;margin-top:12px;font-size:10px;line-height:1.8;word-break:break-all;color:#a45520}.download{position:relative;overflow:hidden;background:#eae7df;padding:105px 0 95px;text-align:center;isolation:isolate}.download-halo{position:absolute;z-index:-1;width:800px;height:800px;border:1px solid #f5b37740;border-radius:50%;left:calc(50% - 400px);top:60px;box-shadow:0 0 0 90px #f3bd8620,0 0 0 180px #f3bd8610;background:radial-gradient(ellipse at 50% 35%,#f5c08c65,transparent 66%)}.download-logo{margin:0 auto 26px;border-radius:17px;box-shadow:0 12px 20px -12px #32322799}.download .eyebrow{font-size:10px;margin-bottom:24px;color:#97653d;letter-spacing:3px}.download h2{font-size:clamp(42px,5.2vw,72px);letter-spacing:-3px}.download-content>p:not(.eyebrow){color:#78776c;font-size:13px;line-height:1.8;margin-top:24px}.download .download-button{margin-top:30px;background:var(--orange);color:#23190f;padding:19px 30px;font-size:15px;box-shadow:0 8px 30px #c0702926}.download .download-button:hover{background:#ff943e}.download-content .download-meta{font-size:10px!important;margin-top:18px!important}.download-content .activation-note{font-size:10px!important;margin-top:25px!important}.activation-note a{text-decoration:underline;text-underline-offset:4px;margin-left:5px}footer{display:flex;align-items:center;gap:28px;padding:29px 0;font-size:10px;color:#808274}footer .brand{color:#34392e;font-size:15px}footer>a:last-child{margin-left:auto}footer>[hidden]{display:none}
@media(min-width:1600px){.hero{padding-top:160px}.hero-art{margin-top:25px;height:540px}.card-main{width:390px;left:calc(50% - 195px)}.card-main .art{height:280px}.card-left{left:calc(50% - 445px);top:126px}.card-right{right:calc(50% - 445px);top:148px}.chip-version{top:368px}.story-top{padding-top:60px}.scene{gap:70px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.nav-inner{width:calc(100% - 48px)}h1{font-size:84px}.scene{gap:28px;grid-template-columns:.85fr 1.15fr}.scene h2{font-size:40px;letter-spacing:-1px}.scene-copy p{font-size:12px}.scene-visual.collection,.scene-visual.feedback{padding:16px}.collection-grid{gap:6px}.reference{padding:5px}.reference .art{height:140px}.reference b{font-size:9px}.reference>span{font-size:7px}.collection-footer{font-size:8px}.version-card{width:68%}.version-card .art{height:200px}.version-card>div:last-child>i{display:none}.version-card b{font-size:9px}.version-card>div:last-child{gap:6px}.versions{height:340px}.frame{height:200px}.annotation{left:39%;top:45%}.annotation p{padding:10px;font-size:9px}.feature-tags{gap:5px}.feature-tags span{font-size:9px;padding:6px 8px}.start,.faq{gap:40px}.start h2{font-size:36px}.workspace-display{width:calc(100% - 64px)}}
@media(max-width:700px){:root{--nav-height:62px}.wrap{width:calc(100% - 40px)}.nav-inner{width:calc(100% - 32px)}.nav nav{gap:15px}.brand{font-size:15px;gap:6px}.brand img{width:28px;height:28px}.nav-story{display:none}.motion-toggle{font-size:10px}.button.small{font-size:11px;gap:9px;padding:7px 13px}.hero{padding-top:105px}.hero .eyebrow{font-size:9px;letter-spacing:2px}.hero .eyebrow span{font-size:9px;letter-spacing:1px;margin-left:10px}h1{font-size:66px;letter-spacing:-3px;margin-top:23px}.hero-description{font-size:12px;line-height:1.85;margin:22px 0}.hero-actions{gap:20px}.button{font-size:12px;min-height:45px;padding:12px 21px;gap:22px}.quiet-link{font-size:11px}.hero-meta{font-size:8px}.hero-art{height:343px;margin-top:17px}.card-main{width:224px;left:calc(50% - 112px);top:42px;border-radius:11px;padding:6px}.card-main .art{height:178px}.card-left,.card-right{width:156px;padding:6px;top:90px;border-radius:10px}.card-left{left:calc(50% - 248px)}.card-right{right:calc(50% - 248px);top:105px}.card-left .art,.card-right .art{height:125px}.card-label{padding:10px 5px 6px}.card-label b{font-size:9px}.card-label>span{font-size:6px;letter-spacing:1px}.art-title{font-size:30px;left:20px;bottom:35px}.art-caption{font-size:5px;left:23px;bottom:23px;letter-spacing:1px}.hero-chip{padding:10px;font-size:8px;border-radius:8px;gap:7px}.chip-version{left:calc(50% - 158px);top:271px}.chip-project{right:calc(50% - 157px);top:16px;font-size:9px}.chip-project img{width:18px;height:18px}.chip-project span{font-size:7px}.hero-bottom{font-size:8px;padding:18px 0;letter-spacing:0}.hero-bottom>span:last-child{font-size:7px;letter-spacing:1px}.orbit-one{width:600px;height:230px}.orbit-two{width:760px;height:290px}.manifesto{padding:80px 0 85px}.manifesto .eyebrow{font-size:10px;letter-spacing:1px}.manifesto h2{font-size:31px;letter-spacing:-1.3px;margin:23px 0}.manifesto>p:last-child{font-size:12px}.story-top{padding:24px 0 15px;display:block}.story-top .eyebrow{display:block;font-size:9px;letter-spacing:1px;margin-bottom:15px}.chapter-nav{gap:5px}.chapter-nav a{padding:8px 15px;font-size:10px}.scene{grid-template-columns:1fr;gap:27px;padding:42px 0;min-height:0;align-content:center}.scene-copy .chapter-number{font-size:8px;margin-bottom:17px;letter-spacing:1.5px}.scene h2{font-size:37px;line-height:1.2;letter-spacing:-1.5px}.scene-copy p{font-size:11px;line-height:1.85;margin-top:17px}.feature-tags{margin-top:14px}.feature-tags span{font-size:8px;padding:5px 8px}.scene-visual{width:min(440px,100%);margin-inline:auto}.collection-grid{margin:18px 0}.reference .art{height:124px}.reference b{font-size:8px;margin:9px 0 5px}.reference>span{font-size:6px}.visual-header,.mini-brand{font-size:8px}.collection-footer{font-size:7px}.tiny-pill{font-size:7px;padding:5px 8px}.versions{height:265px}.version-card .art{height:162px}.version-card>div:last-child{padding:12px 3px 7px}.version-card span,.version-card b{font-size:8px}.version-trail{font-size:8px;bottom:2px}.feedback .frame{height:173px;margin-top:12px}.timeline{margin:11px 0;gap:10px;font-size:7px}.feedback-footer{font-size:8px}.annotation{left:42%;top:42%;gap:5px}.annotation p{padding:9px;font-size:8px}.annotation>span{font-size:7px;padding:6px}.timecode{font-size:7px}.story-bottom{gap:12px;padding:19px 0;font-size:7px}.chapter-progress{width:65px}.story-counter{font-size:7px;letter-spacing:1px}.motion-on .story{height:340svh}.motion-on .story-sticky{min-height:0}.motion-on .scene{gap:18px;padding:6px 0;grid-template-columns:1fr;align-content:center}.motion-on .scene-copy p br:first-child{display:none}.motion-on .scene-copy p{margin-top:12px}.motion-on .chapter-number{margin-bottom:12px}.motion-on .feature-tags{margin-top:12px}.workspace{padding-top:75px;padding-bottom:55px}.workspace h2{font-size:45px;letter-spacing:-2px}.workspace .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:21px}.workspace-intro>p:last-child{font-size:11px;margin-top:20px}.workspace-display{width:calc(100% - 32px);margin-top:40px;border-radius:8px 8px 0 0}.display-bar{height:30px;font-size:8px;padding:0 10px}.display-bar i{width:4px;height:4px}.workspace-display figcaption{font-size:8px;padding:15px 5px}.workspace-facts{margin-top:30px;gap:9px}.workspace-facts span{font-size:11px}.workspace-facts p{font-size:8px;line-height:1.7;margin-top:8px}.start{padding:75px 0 35px;grid-template-columns:1fr;gap:36px}.start .eyebrow{font-size:10px;margin-bottom:20px}.start h2{font-size:34px;letter-spacing:-1px}.start h3{font-size:14px}.start li p{font-size:11px}.start li{margin-bottom:22px;padding-bottom:22px}.faq{grid-template-columns:1fr;gap:28px;padding-bottom:65px}.faq h2{font-size:25px}.faq summary{font-size:12px}.faq p{font-size:11px}.download{padding:70px 0}.download-logo{width:58px;height:58px;border-radius:13px}.download .eyebrow{font-size:9px;margin-bottom:21px}.download h2{font-size:43px;letter-spacing:-2px}.download-content>p:not(.eyebrow){font-size:11px;margin-top:22px}.download .download-button{font-size:13px;padding:16px 25px}.download-content .download-meta{font-size:8px!important}.download-content .activation-note{font-size:9px!important;max-width:260px;margin-inline:auto}.download-halo{width:560px;height:560px;left:calc(50% - 280px);top:50px;box-shadow:0 0 0 60px #f3bd8620,0 0 0 120px #f3bd8610}footer{gap:12px;font-size:8px;flex-wrap:wrap;padding:24px 0}footer .brand{font-size:12px}footer .brand img{width:23px;height:23px}footer>a:last-child{font-size:8px}footer #icp-record{width:100%;order:4}}
@media(max-width:700px) and (max-height:760px){.motion-on .story-top .eyebrow{display:none}.motion-on .story-top{padding-top:16px;padding-bottom:8px}.motion-on .scene h2{font-size:31px}.motion-on .feature-tags{display:none}.motion-on .scene{gap:17px}.motion-on .scene-copy p{font-size:10px}.motion-on .reference .art{height:105px}.motion-on .collection-grid{margin:14px 0}.motion-on .scene-visual{max-width:340px}.motion-on .versions{height:235px}.motion-on .version-card .art{height:137px}.motion-on .feedback .frame{height:145px}.motion-on .story-bottom{padding:12px 0}.motion-on .chapter-number{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.floating-card{will-change:auto}}html.motion-paused{scroll-behavior:auto}.motion-paused *, .motion-paused *:before,.motion-paused *:after{transition:none!important}
/* Small desktop windows retain the scroll story with a compact stage. */
@media(min-width:701px) and (max-height:760px){.motion-on .story-top{padding-top:22px;padding-bottom:16px}.motion-on .story-bottom{padding-top:18px;padding-bottom:18px}.motion-on .versions{height:330px}.motion-on .version-card .art{height:190px}.motion-on .chapter-number{margin-bottom:20px}.motion-on .scene h2{font-size:45px}.motion-on .scene-copy p{margin-top:20px;font-size:12px}.motion-on .feature-tags{margin-top:20px}}
.motion-on .ref-one{transform:translateY(calc((1 - var(--chapter-phase,.5)) * -20px)) rotate(calc((1 - var(--chapter-phase,.5)) * -4deg))}.motion-on .ref-two{transform:translateY(calc((1 - var(--chapter-phase,.5)) * 18px))}.motion-on .ref-three{transform:translateY(calc((1 - var(--chapter-phase,.5)) * -14px)) rotate(calc((1 - var(--chapter-phase,.5)) * 4deg))}.motion-on .version-one{transform:rotate(calc(-9deg - var(--chapter-phase,.5) * 9deg)) scale(.86)}.motion-on .version-three{transform:rotate(calc(2deg + var(--chapter-phase,.5) * 7deg))}.motion-on .annotation{transform:translateY(calc((1 - var(--chapter-phase,.5)) * 10px))}
@media(min-width:701px) and (max-height:760px){.download{padding:52px 0}.download-logo{width:48px;height:48px;border-radius:12px;margin-bottom:16px}.download .eyebrow{margin-bottom:16px}.download h2{font-size:50px}.download-content>p:not(.eyebrow){margin-top:16px}.download .download-button{margin-top:23px;padding:16px 26px}.download-content .activation-note{margin-top:16px!important}}
@media(max-width:350px){h1{font-size:58px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero .eyebrow span{font-size:8px}.manifesto h2{font-size:27px}.scene h2{font-size:33px}.download h2{font-size:37px}.collection-footer>span:first-child{font-size:6px}.hero-bottom>span:last-child{font-size:6px}.nav nav{gap:11px}}